Triggering an animation from keyframes on scroll in React

Question

I\'m trying to implement an animation set up by keyframes when a div enters the screen. So basically whilst the user scrolss, I have several animations that so far work but