Scroll Driven Animation

.animate-on-scroll {
  animation: somethin-coo linear both;
  animation-timeline: scroll();
}

.animate-on-viewport-intersection {
  animation: somethin-coo linear both;
  animation-timeline: view();
}

@supports (animation-timeline: view()) {
  animation: slide-in linear both;
  animation-timeline: view(x);
  animation-range: cover -75cqi contain 20cqi;
}