Background Parallax effect on scroll moving down on scroll

[BLam1]

Hi, Is anyone able to assist me with adding a background scroll?
In my Project “Brit’s Test Elements” I’m trying to add a parallax effect to the Div Block 14. I have fellow the instructions to

Different Parallax effects possible with Webflow (no custom code required)

Hello, dear Webflowers! I know that I am not the first user who tried to create and use different types of "Parallax" effect in Webflow without custom code. After we got 3D transforms feature I found out the trick how to create such effects in easier way. 1) "Simple parallax". (I think almost everybody knows, but will repeat) Create section (or div), set background image and make background settings: fixed [image] 2) ** Parallax with background moving up on scroll"** a)…

Number 3 is the one that is applicable in my case.
One thing is I was unable to change the Z index, when I attempt to it would change the X-Axis to 1.
Any advice would be greatly appreciated to get the background to move down on scroll.
Sincerely,
B.Lam----------

Here is my site Read-Only:https://preview.webflow.com/preview/brits-test-elements?preview=8e3a5dec3f6a165a4b68802df3132b15

[Waldo]

Great question @BLam1 I would actually recommend a slightly different approach to make sure that the scroll effect works on all devices.

I made a quick video walking through the steps: https://cl.ly/qhwh

Essentially you will want to select you child element with the background image, and then create a while page is scrolling animation that scales the image.

Please let me know if this is helpful ‍♂️