Trouble making sticky div within Horizontal Scroll?

Hi!

I followed the Advanced Interactions: Horizontal Scroll tutorial for my site and wanted to create a part of the site where, as you’re scrolling through a gallery of images, this specific section would stay sticky, almost like a bottom navbar. I currently have this div called “Sticky Element” in my file, but when scrolling the div doesn’t have sticky behavior. I’m suspecting this might have something to do with the way the horizontal scroll might be set up with the “Camera” and "Frame divs not actually moving out of frame?

I currently have a workaround where I used a scrolling interaction that offsets the original position of the sticky element and moves it into place, but this solution isn’t ideal. What would be best is if I could make a div within an “item” that could be sticky instead of having to separate the sticky element so that I can easily align the vertical height with responsiveness. Any help is appreciated!


Here is my site Read-Only: LINK