.CarouselImage3 {
    background-image: url('l.webp');
} 

#carousel-caption3 {
    background-color: rgba(0,0,0,0);
}


@media screen and (max-width: 350px) {   
     .CarouselImage3 {
    	background-image: url('s.webp')!important;
    } 
}

@media screen and (max-width: 600px) {   
     .CarouselImage3 {
    	background-image: url('m.webp');
    } 
}

@media (min-width: 992px) {      
       .CarouselImage3 {        
          background-image: url('l.webp');
      } 
}
@media (min-width: 1200px) {    
      .CarouselImage3 {         
         background-image: url('xl.webp');
     }