Please check your start and end values for your Root component. A typical issue comes when:

1. your animation "starts when the start of the scroller hits the start of the viewport",
2. your animation "ends when the bottom of the scroller hits the bottom of the viewport",
3. the element your Root wraps around is only 100vh tall, so the animation's duration is 0.

To fix this, either add more height to the element your Root wraps, or tweak the end value to be something like bottom start, which would mean "when the bottom of the scroller hits the start of the viewport".