Sticky element gets hidden when scrolling

Design help Animations & Interactions
1

Hey, guys. I’m new to Webflow and having a really hard time making a sticky scroll. The phone gets hidden behind the next section. I’ve messed around with the z-index but I can’t make it work. Can anyone point me in the correct path for fixing this? Any help would be much appreciated.

Here is my public share link: Webflow - Sherpa
(how to access public share link)

Site: https://sherpa-2431a3.webflow.io/sticky-on-scroll

2

Because those elements are siblings and the lowest has a higher z:index.

image

3

Thanks a much! I also found out that the hero_wrapper has overflow hidden.
Thanks for your help. Really appreciate it!