.CarouselImage1 {
    background-image: url('l.webp');
    background-size: cover;
}

@media screen and (max-width: 350px) {
    .CarouselImage1 {
        background-image: url('sm.webp')!important;
        background-size: cover;
    }
}

@media screen and (max-width: 600px) {
    .CarouselImage1 {
        background-image: url('md.webp') !important;
        ;
        background-size: cover;
    }
}

@media (min-width: 992px) {
    .CarouselImage1 {
        background-image: url('l.webp') !important;
        ;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .CarouselImage1 {
        background-image: url('xl.webp') !important;
        ;
        background-size: cover;
    }
}