.carousel-container {
    background-repeat: no-repeat;
    background-size  : cover;
    height           : 100vh;
}

.carousel-1 {
    background-image: url('/img/carousel/carousel-1.webp');
}

.carousel-2 {
    background-image: url('/img/carousel/carousel-2.webp');
}

.carousel-3 {
    background-image: url('/img/carousel/carousel-3.webp');
}

.carousel-4 {
    background-image: url('/img/carousel/carousel-4.webp');
}

.carousel-5 {
    background-image: url('/img/carousel/carousel-5.webp');
}

/* .carousel-6 {
    background-image: url('/img/carousel/carousel-6.webp');
} */

.carousel-6 {
    background-image: url('/img/carousel/carousel-7.webp');
}

@media (max-width: 825px) {

    /* Deshabilitamos el scroll*/
    /* html, body {margin: 0; height: 100%; overflow: hidden} */

    .carousel-1,
    .carousel-2,
    .carousel-3,
    .carousel-4,
    .carousel-5,
    .carousel-6 {
        /* margin-top: 10%; */
    }

    .carousel-1 {
        background-image: url('/img/carousel/carousel-coll-1.webp');
    }

    .carousel-2 {
        background-image: url('/img/carousel/carousel-coll-2.webp');
    }

    .carousel-3 {
        background-image: url('/img/carousel/carousel-coll-3.webp');
    }

    .carousel-4 {
        background-image: url('/img/carousel/carousel-coll-4.webp');
    }

    .carousel-5 {
        background-image: url('/img/carousel/carousel-coll-5.webp');
    }

    .carousel-6 {
        background-image: url('/img/carousel/carousel-coll-6.webp');
    }
}