How can I resize collection page images on mobile?

[AMOB]

Website: https://zoticnewyork.com/collections/chains

How do i change collection image on mobile to be half size so it does not take whole screen up, and shows product more, I make the red line where I do not want the image to show.

here is image

[MarinaPetrovic]

Hi @AMOB ,

go to edit code > assets > theme.css and add this:

@media screen and (max-width: 750px) {
.PageHeader--withBackground {
    min-height: 250px!important;
}
}

Here is the result (before and after):

[AMOB]

worked thanks