How can I Implement this Scroll Animation?

Hello! I am trying to implement a z-axis scroll on a webpage. Here is the closest approach I was able to do (scroll on the homepage): https://preview.webflow.com/preview/siriustest?utm_medium=preview_link&utm_source=designer&utm_content=siriustest&preview=929f77f63436f695cedd5e649fce823c&mode=preview
I tried to do it using Webflow’s Interaction System.

I found a CodePen that I think solves the issue I am having with the images being in the wrong positions but I am having some trouble implementing that onto the webpage before linked: https://codepen.io/kccnma/pen/MQwPom

If anybody could help me, I’ll greatly appreciate it! Hell, I could even pay you.

Thank you and have a wonderful, yet safe, Christmas.


Here is my site Read-Only: https://preview.webflow.com/preview/siriustest?utm_medium=preview_link&utm_source=designer&utm_content=siriustest&preview=929f77f63436f695cedd5e649fce823c&mode=preview
(how to share your site Read-Only link)

Pretty please… I am going insane trying to figure this thing out.