/* Image Performance Optimization */

/* Reduce image quality on mobile to save bandwidth */
@media (max-width: 767px) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: optimizeSpeed;
        filter: contrast(0.98) brightness(1.01);
    }
}

/* Compress images visually on slower connections */
@media (prefers-reduced-data: reduce) {
    img {
        image-rendering: -webkit-optimize-contrast;
        filter: contrast(0.95);
    }
}

/* Lazy loading placeholder - light gray background */
img[loading="lazy"] {   
    min-height: 100px;
}

/* Prevent image dragging for better UX */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -webkit-user-drag: none;
    pointer-events: auto;
}

/* Hardware acceleration for better performance */
img {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Remove blue highlight on mobile tap */
img {
    -webkit-tap-highlight-color: transparent;
}

/* Smooth loading transition */
img {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

img:not([src]) {
    opacity: 0;
}

/* Optimize rendering for high-DPI screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
    }
}