Trouble with Slideshow Image Display on Mobile

Hi Shopify Community,

I’m having an issue with my homepage slideshow images. When I edit the images, they look great on the desktop version of my site, but on mobile, they don’t display properly.

I’ve tried using the “stick below the text” option on mobile, which makes the entire image visible, but as you can see in my screenshot, it doesn’t look good because there’s an awkward visual break, and the proportions don’t feel right.

Is there a setting, adjustment, or recommended way to make slideshow images look good on both desktop and mobile without compromising the design? Any tips would be greatly appreciated!

Thank you!

WEBSITE rdmalta.com

My recommended way in cases like this is to create two sections, but show one on desktop and another – on mobile.
This gives you much more flexibility.

Follow this guide I’ve share earlier – the solution works for any type of content, not only video:

i fixed with this code:

@media (max-width: 749px) {
.slideshow__media img {
object-fit: cover;
object-position: left center;
}
}