/* lazy-gifs-noflash.css - ensure hidden state is transparent and no white flash */

/* managed images keep layout and are initially hidden */
img.lazy-gif-managed {
  display: block;
  max-width: 100%;
  height: auto;
  background-color: transparent !important; /* ensure no white bg */
  backface-visibility: hidden;
}

/* keep unloaded/loading images invisible but preserve layout */
img.lazy-gif-unloaded,
img.lazy-gif-loading,
img.lazy-gif-pending {
  visibility: hidden !important;    /* hide pixels, keep layout */
  pointer-events: none;
  background-color: transparent !important;
}

/* show when fully loaded and ready to paint */
img.lazy-gif-loaded {
  visibility: visible !important;
  opacity: 0;
  transition: opacity 180ms linear;
  background-color: transparent !important;
}

/* ensure fully opaque once src present (final state) */
img.lazy-gif-loaded[src] {
  opacity: 1;
}