Dawn Theme - Want all preview, or first pictures that appear in collection, to be similar sized

[cjhoffman]

Dawn Theme - Want all preview, or first pictures that appear in collection, to be similar sized. We would like all initial product images to be automatically sized the same, but then want to have different images once clicked on inside the product page. An example would be we want all images in a collection to be sized as squares, but then once a square is clicked we want that to bring up multiple pictures (which are not necessarily squares). In screenshot example would want all of these to be the same on that page, but when clicked go into a product page with different sized picture.

Is there a way to do this with the code? It feels like I should be able to edit .css files to make this happen. Thank you! 

[LitExtension]

Hi @cjhoffman,

Go to Assets > base.css and paste this at the bottom of the file:

.card--product .media{
	padding-bottom: 85% !important;
}

Hope it helps!