Help with Opacity & Scroll Animations

Hi! I’m currently working on this page:

The problem I’m facing is that once I test the site outside of Readymag (Safari, Chrome & Arc), the second section does not show the opacity animation, and the layout looks a bit cut off. Additionally, the scroll-rotation animation for the egg illustration in the third section is not rotating.

I don’t know why this happens but when I click the GIF logo (which is fixed to the left corner) to go to the homepage and then click the button “El Autor” it suddenly works and all animations work correctly.

Could someone please help me out with this?

Thank you!