@import url(../responsive_css/inspeccion-viviendas.css);

@media (max-width: 820px) {

    /* agua */
    .container_carrusel .bg-services1 .agua1 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-agua-1.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services2 .agua2 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-agua-2.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services3 .agua3 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-agua-3.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services4 .agua4 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-agua-4.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* fuego */

    .container_carrusel .bg-services1 .fuego1 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-fuego-1.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services2 .fuego2 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-fuego-2.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services3 .fuego3 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-fuego-3.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services4 .fuego4 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-fuego-4.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* huracan */
    .container_carrusel .bg-services1 .huracan1 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-huracan-1.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services2 .huracan2 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-huracan-2.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services3 .huracan3 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-huracan-3.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services4 .huracan4 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-huracan-4.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services5 .huracan5 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-huracan-5.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* viento */
    .container_carrusel .bg-services1 .viento1 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-viento-1.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services2 .viento2 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-viento-2.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container_carrusel .bg-services3 .viento3 {
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../recursos/mitigacion-viento-3.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

}