Свойство animation-range: entry 0% cover 40% ограничивает проигрывание keyframes фазой появления карточки в scrollport — тоньше, чем один animation-timeline на весь скролл.
Сочетайте с view-timeline на карточке кейса.
- [animation-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range) — Диапазон анимации.
- [Scroll-driven animations — web.dev](https://web.dev/articles/scroll-driven-animations) — Туториал.
---
## Reduced motion
Отключайте range-анимации при prefers-reduced-motion: reduce.