Page-load animation strange behaviour

Hello community,

On mobile (only), I’m running in sort of a strange behavior with my page-load interaction.

The page-load interaction is supposed to trigger when a page starts loading and fade-out.
Everything works fine when using the navigation and links, but the animation doesn’t seem to trigger when I use the previous button of the browser or swipe back.

Any thoughts on how I could fix this?

Here is the published URL to preview on mobile: http://preprod-pediatrie-nyon-ch.webflow.io/

PS: The page-load animation is not assigned to the homepage, you have to reproduce this between two other pages.

Thanks a lot for your help,

Laurent


Here is my public share link: LINK