/* Optimisation des images */
img {
    max-width: 100%;
    height: auto;
}

/* Placeholder pour éviter le layout shift */
.img-placeholder {
    background-color: #f8f9fa;
    display: block;
    width: 100%;
    aspect-ratio: 688/585; /* Ratio de votre image principale */
}

/* Optimisation pour les images lazy-loaded */
img[loading="lazy"] {
    transition: opacity 0.3s;
}

img[loading="lazy"]:not(.loaded) {
    opacity: 0.5;
}