[data-scroll-animation='fade'],
[data-scroll-animation='fade_in'] {
  opacity: 0;
  transition: opacity 0.6s ease var(--scroll-animation-delay, 0ms), transform 0.6s ease var(--scroll-animation-delay, 0ms);
}

[data-scroll-animation='fade_in'] {
  transform: translateY(30px);
}

[data-scroll-animation='fade'].animation-visible,
[data-scroll-animation='fade_in'].animation-visible {
  opacity: 1;
  transform: translateY(0);
}