How to animate a div from very top of the section?

currently i am animating it on y axis with position of -100%. but it is not working with while scroll into view. because it is already -100% on y-axis. and when this sections appears, it is already in view.

HI try to move the animation on a higher keyframe instead of 0% maybe go for like 30%, that way the animation starts when you get onto 30% height of the section