Image should be sticky when viewport reaches bottom

[alex-design (Alexandra Linortner)]

Hi community!

I basically placed a vertical image with 80vw so it it much higher than the viewport and the user has to scroll to see all of it. When we scroll and reach the bottom of it, I want it to be sticky so that the next project slides over it as an effect.

Right now I adjusted every breakpoint separately (position sticky with different “minus viewport hight” from the top)

It’s not perfect AND the image is dynamic content. So if my client changes the picture and the aspect ratio changes a little bit… it can be totally off.
I would be happy for any ideas!

Here is my read only:
https://preview.webflow.com/preview/sven-banziger?utm_medium=preview_link&utm_source=designer&utm_content=sven-banziger&preview=5d9a62699fb060871ab898061b4312c8&pageId=614c0b3c25b2770ee29c4f24&workflow=preview

And YES, I might use the collection list a bit wrong but it’s the only way I saw to make the homepage look this individual.