Mouse click states don’t reset when using back button on mobile

On my portfolio site, I created mouse hover/click states that display a sneak peak of my work by manipulating the opacity of div blocks. Everything is working fine on desktop, but on mobile, if the user clicks on a project (triggering the opacity to rise on the corresponding image to display the project’s sneak peak) to travel to the project page, then returns to the homescreen using the back button, the animation doesn’t reset. The sneak peak image’s opacity remains at 100% and the default image remains at 0%, when the intended functionality is the opposite.
Ideally, the user clicks on the project button and gets a glimpse of the work as the project page loads to provide feedback for the user.

Here is my public share link: itsjosie.com (please look on mobile to best understand what I mean)
Here is the Designer link: Webflow - Josie Allison Portfolio

Hey @Josie_Allison , I don’t know if you have fixed it but it seems to be working as intended for me.

Tested on Android Chrome.

Interesting…you checked on mobile? Maybe it’s an issue with iOS– I only have immediate access to iPhones, so I haven’t actually been able to text this issue on Android.