.spritew1 {
    background-image: url('/imagenes/categorias-de-xbanner.webp');
    background-repeat: no-repeat;
    background-size: 1500px 1350px;
    will-change: background-position;
    margin: 0 auto;
}

.spritew1-1, .spritew1-2, .spritew1-3, .spritew1-4, .spritew1-5, .spritew1-6, .spritew1-7,.spritew1-8 {
    width: 360px;
    height: 500px;
}

.spritew1-9, .spritew1-10, .spritew1-11, .spritew1-12, .spritew1-13, .spritew1-14, .spritew1-15, .spritew1-16, .spritew1-17, .spritew1-18, .spritew1-19, .spritew1-20, .spritew1-21, .spritew1-22 {
    width: 250px;
    height: 250px;
}

.spritew1-23, .spritew1-24, .spritew1-25 {
    width: 100px;
    height: 100px;
}
.spritew1-1 { background-position: 0 0; }
.spritew1-2 { background-position: -360px 0; }
.spritew1-3 { background-position: -720px 0; }
.spritew1-4 { background-position: -1080px 0; }

.spritew1-5 { background-position: 0 -500px; }
.spritew1-6 { background-position: -360px -500px; }
.spritew1-7 { background-position: -720px -500px; }
.spritew1-8 { background-position: -1080px -500px; }

.spritew1-9 { background-position: -1000px -500px; }
.spritew1-10 { background-position: -1250px -500px; }

.spritew1-11 { background-position: 0 -750px; }
.spritew1-12 { background-position: -250px -750px; }
.spritew1-13 { background-position: -500px -750px; }
.spritew1-14 { background-position: -750px -750px; }
.spritew1-15 { background-position: -1000px -750px; }
.spritew1-16 { background-position: -1250px -750px; }

.spritew1-17 { background-position: 0 -1000px; }
.spritew1-18 { background-position: -250px -1000px; }
.spritew1-19 { background-position: -500px -1000px; }
.spritew1-20 { background-position: -750px -1000px; }
.spritew1-21 { background-position: -1000px -1000px; }
.spritew1-22 { background-position: -1250px -1000px; }

.spritew1-23 { background-position: 0 -1250px; }
.spritew1-24 { background-position: -100px -1250px; }
.spritew1-25 { background-position: -200px -1250px; }