Can't change 'relative to' for fixed element

I would like the image (of the iPhone) in my hero section to be relative to that section, not the body.

But I can’t work out how to change it. ‘Relative to’ is fixed to ‘Body’ and can’t be changed.

Thanks in advance.


Here is my site Read-Only: https://preview.webflow.com/preview/finweet-wireframe-3?utm_medium=preview_link&utm_source=designer&utm_content=finweet-wireframe-3&preview=cc68eae634fa04f7765846786fb69753&pageId=61332c6beb2b4f760db3737c&workflow=preview

Steve, good question. From my quick review understanding.
Fixed is removed from the flow of items and placed in the viewport.
https://university.webflow.com/lesson/create-a-fixed-navbar
I think you want absolute if you want to attach it to a relative or sticky.
https://university.webflow.com/lesson/create-a-sticky-sidebar

Comeback with your thoughts, if I have answered your question, please click solution and show the love by clicking the heart.

Cheers.
PS anyone reading wanting a consultant to analyse there website for Google PageSpeed Insights issues then message me.