/* lazy-gifs.css - minimal styles for placeholders and responsive images */

/* Managed GIF images */
img.lazy-gif-managed {
  display: block;
  max-width: 100%;
  height: auto;
  /* keep natural layout to avoid jump; you can override with inline width/height */
}

/* Before loaded (placeholder/still) */
img.lazy-gif-pending {
  /* subtle neutral background while placeholder shows */
  background-color: #f4f4f4;
  -webkit-backface-visibility: hidden;
}

/* When finally loaded (optional visual hook) */
img.lazy-gif-loaded {
  opacity: 1;
  transition: opacity 180ms linear;
}

/* When unloaded (placeholder shown) */
img.lazy-gif-unloaded {
  opacity: 0.98;
}