Decrease max width banner image on productpage (2 images)

[AlecH]

Does anyone perhaps know how to resize my banner image (with 2 images) on my product page on desktop so that it aligns with the image with text above it?

https://www.car-essentials.nl/products/draadloze-led-verlichting-auto-interieur

It’s about the third section below the image with text

[BSSCommerce-HDL]

Hi @AlecH

You can try this code by following these steps:

1. Go to Shopify Admin → Online Store ->Theme → Edit code

2. Chose file base.css, insert this code then save:

.banner .banner__media-half img {
 object-fit: fill;
}

Here is result:

Hope this can help you.

Kind regards

[AlecH]

Hi! Thanks for your response! However, now it still doesn’t display quite right on a large screen, as you can see from the image. I actually want the images on the side to align with the image with text section above it. Is this possible?