Sticky Div with elements on top not working properly

I have a page where I want to have a Sticky Div with the background picture that has 3 div blocks on top:

the first div block has its own background and some text;
the second one is just a transparent one with 60VH - to show the image in the background;
and the third one is like the first one.

I only want to see the sticky div with the background through the second transparent div - sorta like scanning through the image as you scroll. I can’t figure out what relation they all need to be to each other.

I’m trying to do this as a workaround for the Fixed Background that doesn’t work on mobile.

I’d appreciate any help.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)