How to prevent keyframe animation to restart when scrolling again?

Question

I have a react page, whose main sections\'s visibility in the viewport are watched by an intersection observer. Once the section is visible by the user, a keyframe is trigge