/* Scroll reveal / fly-in animation */
.az-reveal{
  opacity: 0;
  transform: translate3d(0, 26px, 0) scale(.985) rotate(-.25deg);
  filter: blur(4px);
  will-change: transform, opacity, filter;
  transition:
    transform 800ms cubic-bezier(.2,.9,.1,1),
    opacity 800ms cubic-bezier(.2,.9,.1,1),
    filter 900ms cubic-bezier(.2,.9,.1,1);
}
.az-reveal.is-visible{
  opacity: 1;
  transform: translate3d(0,0,0) scale(1) rotate(0deg);
  filter: blur(0px);
}

img.az-reveal{
  transform: translate3d(-18px, 26px, 0) scale(.99) rotate(.35deg);
}
img.az-reveal.is-visible{
  transform: translate3d(0,0,0) scale(1) rotate(0deg);
}

@media (prefers-reduced-motion: reduce){
  .az-reveal, .az-reveal.is-visible, img.az-reveal, img.az-reveal.is-visible{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
  .az-bg{ animation: none !important; }
}
