.reveal-item{
  opacity:0;
  transform:translateY(10px) scale(.985);
  filter:blur(12px);
  transition:
    opacity .55s ease,
    transform .55s ease,
    filter .55s ease;
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.reveal-item.reveal-in{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

@media (prefers-reduced-motion: reduce){
  .reveal-item{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}