/**
 * CSS pro Lazy Loading obrázků
 * Přidává animaci při načítání obrázků
 */

/* Placeholder styl pro obrázky, které se ještě nenačetly */
img[data-src] {
  background-color: #f0f0f0;
  min-height: 200px;
  display: block;
}

/* Animace pro načtené obrázky */
img.lazy-loaded {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Fallback pro obrázky bez JS */
noscript img {
  display: block;
}