Brooklyn image slideshow image cropped in mobile

[ioanaberry]

Hello,

I’ve read som many solutions for this and all are telling me I need to resize my image, however, I am not sure what would be the size.

I just want my image to be the same on desktop and mobile.

What can I do?

https://makeitwearit.shop/

Thanks

[Hardik29418]

@ioanaberry

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 600px) {
.hero .hero__image {
    object-fit: contain;
}
}

[ioanaberry]

Thank you. That piece of code, changed the view of the slider, however, now I have huge blank spaces around the image.

Any idea how to fix that?

Thanks