.CarouselImage4{
    background-image: url('E-Learning_Banner_l.webp');
} 

.carousel-caption4 {
  background-color: rgba(0,0,0,0) !important;
}


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

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

@media (min-width: 992px) {      
       .CarouselImage4{        
          background-image: url('E-Learning_Banner_l.webp');
      } 
}
@media (min-width: 1200px) {    
      .CarouselImage4{         
         background-image: url('E-Learning_Banner_xl.webp');
     }