/* Mobile Image Optimizations */
@media (max-width: 768px) {
  /* Optimize all images for mobile devices */
  img {
    max-width: 100% ; /* Ensure images don't overflow their containers */
    height: auto ; /* Maintain aspect ratio */
    transform: translateZ(0); /* Force hardware acceleration */
  }
  
  /* Optimize hero section images */
  .hero img, .hero-content img {
    max-width: 85% ; /* Slightly smaller on mobile */
    margin: 0 auto; /* Center images */
  }
  
  /* Optimize background images */
  .hero, .section-bg, [style*="background-image"] {
    background-size: cover ;
    background-position: center ;
  }
  
  /* Reduce image quality for faster rendering on sections that aren't critical */
  .featured-blog img, .blog-image img {
    image-rendering: auto; /* Use browser default, typically optimized for speed */
  }
  
  /* Add loading attribute to images for native lazy loading */
  img:not([loading]) {
    loading: "lazy";
  }
}