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): 10 examples of parallax scrolling websites | Inside Design Blog

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)