Image banner is not responsive when zooming out

When I zoom out a space in the side of the image banner appears (Image below), I took the CSS and Html code from ChatGPT, but apparently, there is a problem. (The code is below the images)

.img-link { display: block; max-width: 100%; height: auto; } Reward program from daxuen .img-link { display: block; max-width: 100%; height: auto; transition: transform 0.7s ease-out; }

.img-link:hover {
transform: scale(1.03);
}

.img-link-container {
overflow: hidden;
}

@Daxuen

give us the store URL then we will able to help you.

www.daxuen.com

The issue also happens with the other collection images that are in the homepage.

If you zoom out enough you will see it.

@Daxuen

Hello,

Please add below code above in theme.liquid

online store >> edit code >> theme.liquid


after add this code look like

If our solution helpful then please don’t forget the link and tap on accepted.

Thankyou :slightly_smiling_face:

Thank you for the help. But the Collection Images are still not fixed as you can see here.

How can I fix them too?