Background Images pulled from project not responsive

Can someone help work out why my dynamic background image isn’t working?
I need this to pull from the project so that it’s dynamic for the customer’s CMS, however, it isn’t scaling well at all. Anything below 900px roughly, for example, it just adds loads of white padding at the top?

Screenshot 2022-11-23 at 22.38.44

https://parameter-2022-webflow.webflow.io/project/the-miroma-group


Here is my site Read-Only: https://parameter-2022-webflow.webflow.io/project/the-miroma-group
(how to share your site Read-Only link)

Hey Zach,

You didn’t share your read-only project link, so I can’t see how you’ve set things up.

However, I think the problem is likely to be the settings you have for that element’s background image sizing and positioning.

Have a look here from about 1:50 mins in

Hi Michael,

Sorry about that - read only link here;

https://preview.webflow.com/preview/parameter-2022-webflow?utm_medium=preview_link&utm_source=designer&utm_content=parameter-2022-webflow&preview=bec49be0575aff15abc5d07969935906&pageId=637d5e74ae8207b59601311f&itemId=637e9116d10da949df52173a&workflow=preview

I think I have resolved it, based on your video - but feel free to take a look.
Thank you for your help!