/* Image Optimization Styles */

/* General image constraints */
img {
  max-width: 100%;
  height: auto;
}

/* Hero section images */
.hero-section img {
  max-width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
}

/* Outcome cards images */
.outcome-image img {
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
}

/* Service page header images */
.service-header-img {
  max-width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
}

/* Blog post images */
.blog-post-img {
  max-width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
}

/* Team member images */
.team-member-img {
  max-width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: cover;
}

/* Industry section images */
.industry-img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
}

/* Testimonial images */
.testimonial-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

/* Logo size constraints */
.logo img {
  height: 40px;
  width: auto;
}

/* Mobile optimizations */
@media (max-width: 767px) {
  .hero-section img {
    max-height: 300px;
  }
  
  .outcome-image img {
    max-height: 250px;
  }
  
  .service-header-img {
    max-height: 250px;
  }
  
  .blog-post-img {
    max-height: 300px;
  }
}

@media (max-width: 575px) {
  .hero-section img {
    max-height: 200px;
  }
  
  .outcome-image img {
    max-height: 200px;
  }
  
  .service-header-img {
    max-height: 200px;
  }
  
  .blog-post-img {
    max-height: 200px;
  }
}