Make an element appear over a static image on scroll, then move both upwards

Hi everyone,

I’m trying to get an element to appear over a static background image when I scroll down, and then I’d like to have both move up as the rest of the page comes into view.

I’m linking my share link below, and the element I want to appear on scroll down is currently placed in the middle of the image.

Thanks for your help!

Here is my public share link: