Fixing an image within a section

I have a fixed element (iPhone) in my hero section.

I would like it to scroll as it does - but stop at the bottom of the hero section.

Currently it’s there when scrolling down the whole page.

How do I do this?

Here is my site Read-Only: Webflow - Finweet Wireframe 3