.CarouselImage2 {
    background-image: url('l.webp')!important;
         background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
} 

#carousel-caption2 {
    background-color: rgba(0,0,0,0)!important;
    text-align-last: start!important;
}


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

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

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