Banner Images Object Fit / Correct Size with Responsive

Hey all,

Apologies if this has been asked before. I’m trying to get my banner images to stay consistent across various responsive sizes. Basically the image will look fine on a small desktop but on larger ones things will get stretched. Here’s an example

On smaller sizes; correct size:

On larger sizes; things get cropped:

Would I fix this with a object fit CSS setting? Thanks all for any assistance!!

Hi @Ottodebac ,
This is Theodore from PageFly - Shopify Page Builder App.
Can you send me your store link to check?

Theodore | PageFly

Hi, @Ottodebac .

Kindly share your store URL and password.

Hi @Ottodebac ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Of course! https://r9sfofki6h70acmy-62650286270.shopifypreview.com

Of course! Thanks for the help Theodore: https://r9sfofki6h70acmy-62650286270.shopifypreview.com

Of course thanks for the help: https://r9sfofki6h70acmy-62650286270.shopifypreview.com