/* Maintenir le ratio ~ 900x200 (aspect-ratio natif + fallback) */
.ratio-900x200 {
  aspect-ratio: 9 / 2;
  position: relative;
}

.ratio-900x200 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Effet blur/fondu */
.lazy-img {
  filter: blur(10px);
  transition: filter 0.5s ease-out, transform 0.25s ease;
  background-color: #f8f9fa;
}

.lazy-img.loaded {
  filter: blur(0);
  transform: scale(1.003);
}