Grow big animation reset without page reload?

I don’t know if my title explains fully what I am trying to ask. So right now I have 6 planets as links on my homepage. They have an animation to “grow big” on click to give the appearance of “landing” on the planet. The issue i’m running into is if you click on one the animation runs as expected BUT if you click back in the browser (or swipe on mobile) the planet image is still gone as it has run the “grow out” animation.

Is there a way or setting so that if a user clicks or swipes to go back the planet image/label will be there and able to interact with in the same way without having to refresh the page?

Here is my public share link: [Webflow - Mela Bee Official][1]
([how to access public share link][2])

[1]: http://](Webflow - Mela Bee Official
[2]: Share a read-only link | Webflow University