Streaming live at 10am (PST)

Parallax Effect on Scroll image with multiple layers

Need help here!
I’m trying to reproduce this animation in Webflow (the fire watch parallax effect on scroll): https://www.invisionapp.com/inside-design/10-examples-of-parallax-scrolling/

I have a PSD with all layers, but when I add layers separately on Webflow, each of them looses it’s original size and ratio. I initially thought I could do it using an absolute position for each with the z-index to add-up my layers in the right order. It is not very efficient and my image is all mix up.

Anyone has a trick to make it happen?

Much appreciated!


Here is my public share link: LINK
(how to access public share link)