/* Image Optimization - Ensure all photos stretch to fit properly */

/* Doctor Images - Stretch to fit container */
.doctor-image,
[src*="ProfileImageUrl"],
img[alt*="doctor" i],
img[alt*="Doctor" i] {
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Contact Information Images - Stretch to fit */
.contact-image,
img[src*="uploads/"],
img[alt*="contact" i],
img[alt*="officer" i] {
    object-fit: cover !important;
    object-position: center !important;
}

/* Service Images - Ensure proper display */
.service-image,
img[alt*="service" i] {
    object-fit: cover !important;
    object-position: center !important;
}

/* General Image Optimization */
img {
    max-width: 100%;
    height: auto;
}

/* Aspect Ratio Containers */
.aspect-square {
    aspect-ratio: 1 / 1;
}

.aspect-portrait {
    aspect-ratio: 4 / 5;
}

.aspect-landscape {
    aspect-ratio: 16 / 9;
}

/* Ensure images in cards stretch properly */
.card img,
.hospital-card img {
    object-fit: cover;
    object-position: center;
}