/* Add custom CSS styles below */ 
@media (max-width: 767px) {
  /* Target the slides within the first slider only */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.full-banner.is-transparent salla-slider#main-slider-0 .swiper-slide {
    position: relative;
  }
  
  /* Apply a white overlay */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.full-banner.is-transparent salla-slider#main-slider-0 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.23) !important; /* Semi-transparent white */
    pointer-events: none;
    z-index: 2;
  }
  
  /* Ensure the slider image stays below the overlay */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.full-banner.is-transparent salla-slider#main-slider-0 img {
    position: relative;
    z-index: 1;
  }
}