.icon-1 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -0px -0px;
}

.icon-2 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -26px -0px;
}

.icon-3 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -52px -0px;
}

.icon-4 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -78px -0px;
}

.icon-5 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -104px -0px;
}

.icon-6 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -0px -25px;
}

.icon-7 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -26px -25px;
}

.icon-8 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -52px -25px;
}

.icon-9 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -78px -25px;
}

.icon-10 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -104px -25px;
}

.icon-11 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -0px -50px;
}

.icon-12 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -26px -50px;
}

.icon-13 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -52px -50px;
}

.icon-14 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -78px -50px;
}

.icon-15 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -104px -50px;
}

.icon-16 {
    display: inline-block;
    height: 25px;
    width: 26px;
    background: url("../img/characters/characters.webp") -0px -75px;
}