How to make this effect 'overlay' when scroll

Design help Animations & Interactions
#1

Hello, webflow animators…

I found a beautifull made website but in Adobe Spark, can we make this in Webflow?
I started already
Problem: when scrolling : 2 images come in each other…
https://spark.adobe.com/page/5JVw3DIy1MIYI/#waterkracht-zonne%C3%ABnergie-biomassa-windenergie%E2%80%A6

Thanks to help
Karel

my project:
https://preview.webflow.com/preview/sjs-oefeningen?utm_medium=preview_link&utm_source=designer&utm_content=sjs-oefeningen&preview=c1a69b62e9be914e4ce29f8da17a629d&mode=preview

image
image1590×766 447 KB

this is the way of scrolling:
image
image6128×2008 2.43 MB

#2

It’s an easy parallax animation.

You can find a video on Webflow University about the topic.

Start with the “while scroll in to view interaction”, then use scale and opacity to make the images larger first, then disappear. Move the div blocks on the y axis at a faster pace than your scrolling and that’s it.