How to adjust image banner view for better product display?

Store Design
1

Hi if anyone can help that would be great.

https://icb3ndrl65f4mtn1-60589605120.shopifypreview.com

I want on the desktop image banner to zoom out so you can see more of the product around the waist and the models head.

On the Mobile version can you move the image to the left a bit as the head is looking a little cut off

Finn4_0-1664897037415.jpeg
Finn4_0-1664897037415.jpeg2778×1368 202 KB

Finn4_1-1664897055476.jpeg
Finn4_1-1664897055476.jpeg1086×1360 95.2 KB

Thanks Finn

2

Hi Finn,

Please try this CSS.
You can change the % value according to your needs. Maybe you might need to write some media query for responsive.

.banner__media.media>img {
    object-position: center 15%;
}

Thank you

3

Didn’t work :confused:

Thanks

4

Due to the height and width of the banner either you will able to show the model face or your product on desktop.
Previous code will help you to show the model face. If you want to show product then you can use this.

.banner .banner__media.media>img {
    object-position: center bottom;
}