rszab

It is working! Thank you!

Hi, I fixed everything except one thing. I try to get the first image showing before the scroll without animation. Can I remove animation when the first section is entered from the top? I fixed one thing with CSS so it's not hidden now, but I can't disable the animation from the top. .left-content > *:not(:first-child) { opacity: 0; visibility: hidden; } Thanks!

I would like to create a similar effect like this: https://withjoy.com/wedding-website/#All_Little_Details_Static or https://stuart.com/delivery-express-courier/ or https://swoopin.webflow.io/. I found the CodePen URL here and solutions, but there are issues I am wrestling with. I’m trying to reproduce, but not perfect because: - I try to get the first image showing before the scroll .left-content > *:not(:first-child) { opacity: 0; visibility: hidden; } The CSS is ok but, how can I disable the animation from first section? - the images must change when the text on the right enter the screen, instead of when it's in the middle I tried, but not working well. Could you help me, please? Thanks!

Hi, How can I disable the animation from first section? I tried, but not working well. Could you help me, please? Thanks!