I could not find any working solutions to this problem online. Essentially, using the animate on scroll library, your animation is animated once the animation is in or above the viewport, (aos animate class activates), so even once you scroll below it or reload the page below the animation, it already appears. I would like it to disappear once I scroll above or below it, there doesn't seem to be an easy data attribute that works to do this. Is there any vanilla JS code to remedy this?