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!!

Here is a link to my store:

https://r9sfofki6h70acmy-62650286270.shopifypreview.com

Hi @Ottodebac

I would suggest creating two sections. One for desktop, and one for mobile. You can then assign the appropriate image size for each device. Please follow the video tutorial below

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!