/* Responsive Image Optimization */
.swiper-slide img {
  /* Enhance browser's native lazy loading */
  content-visibility: auto;
  contain-intrinsic-size: 400px 400px;
  
  /* Help prevent layout shifts */
  aspect-ratio: 1 / 1;
  
  /* Optimize for different screen sizes */
  max-width: 100%;
  height: auto;
  
  /* Better image rendering */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .swiper-slide img {
    contain-intrinsic-size: 90vw 90vw;
    /* Prioritize mobile bandwidth */
    image-rendering: auto;
  }
}

/* Tablet optimizations */
@media (min-width: 769px) and (max-width: 1200px) {
  .swiper-slide img {
    contain-intrinsic-size: 45vw 45vw;
  }
}

/* Desktop optimizations */
@media (min-width: 1201px) {
  .swiper-slide img {
    contain-intrinsic-size: 400px 400px;
  }
}

/* Preload optimization for visible images */
.swiper-slide-active img,
.swiper-slide-next img,
.swiper-slide-prev img {
  /* Ensure critical images render immediately */
  content-visibility: visible;
}