Dawn Theme Images in "image banner too big"

[BigNoob]

https://restfulnight.store/products/snoreshield

My images are not fitting properly in the Dawn theme, how can I make the 4 pictures fill, rather than stretch to the pre-set dimensions on shopify dawn theme. 
Thanks for all your help 🙂

[Liquid_xPert_SJ]

Hi @BigNoob

please refer to the screenshot you can change the height of the image from the theme customizer.

Online Store > Theme Customize  > select Product default template > and select the module you want to customize

Thanks

[BigNoob]

Hey thanks for your help. 
It sure did help a little, but the banners this way becomes way too big. Is there a way to just reduce the margins of the banner so the image is contained within the best resolution?
thanks

[Liquid_xPert_SJ]

@BigNoobcan you please confirm how much height you need to show the entire banner? Currently your banners are approx 700+ px height. Thats why your images are showing very larger. You can also use multi column module to display  multiple images in the same row.

[BigNoob]

Ideally 500px  x 500px would be fine. I don't need the entire banner space, having a thinner margin horizontally would be better

[BigNoob]

Something like 
.banner img {
max-width: 70%;
max-height: 80rem;
object-fit: contain;
margin-right: 100px;
}

In custom CSS gives me the ideal size for my image. But doing that makes my image go on the left and it shows the gray background from the banner. See pic below

Thanks

[Liquid_xPert_SJ]

@BigNoob  also add this css code

.banner__media.media.scroll-trigger{
	background-color: #fff !important; 
}

as well as update your code with margin:0px auto: so that your images will go center.