3D effect problem

Hello guys, i am making some tutorials in some section on my home page and i did a 3D effect in the first section of the page but then when i got to my second section, my 3D Effects keeps doing the 180 degrees movement and a part of it can be seen en the second section. Is there a way to stop effect when i’m scroll down??


Here is my site Read-Only:

https://preview.webflow.com/preview/tiny-habits?utm_medium=preview_link&utm_source=designer&utm_content=tiny-habits&preview=ffe5b88f12ac9507174e7dfbcb0cc5ba&mode=preview