/* pulse animation */
@keyframes pulsate {
    0% { transform: scale(0.6); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: scale(1.2); opacity: 0; }
  }


@keyframes gridFadeIn {
    0% {
      opacity: 0;
      background-position: -5px 0, 19px 0; /* Slightly offset initial position */
    }
    100% {
      opacity: 1;
      background-position: 0 0, 24px 0; /* Final position */
    }
  }
  

img.image-reveal {
  opacity: 0;
  filter: blur(8px);
  transition: opacity 280ms ease-out, filter 420ms ease-out;
}

img.image-reveal.is-loaded {
  opacity: 1;
  filter: blur(0);
}