How to have multiple aspect ratios on product store homepage?

Site URL: https://www.fennaustin.com/shop

Hi, 

I'm trying to create a shop for photographs, all with multiple aspect ratios. I'd like to showcase the products in their original aspect ratios on the products homepage and then when you click on an individual product it shows the image in its original aspect ratio as well. Is this even possible with square space? Or is there a way to showcase the products with one product per row so that each product can be shown with it's original aspect ratio instead of one universal one?

Site password is Password1

1 hour ago, fennaustin said:

Site URL: https://www.fennaustin.com/shop

Hi, 

I'm trying to create a shop for photographs, all with multiple aspect ratios. I'd like to showcase the products in their original aspect ratios on the products homepage and then when you click on an individual product it shows the image in its original aspect ratio as well. Is this even possible with square space? Or is there a way to showcase the products with one product per row so that each product can be shown with it's original aspect ratio instead of one universal one?

Site password is Password1

Could you try this

.tweak-products-image-aspect-ratio-ultra-widescreen .products.collection-content-wrapper .grid-image-wrapper {
  padding-bottom: 150%;  
}
.tweak-products-image-aspect-ratio-ultra-widescreen .products.collection-content-wrapper .grid-image-wrapper img {
  object-fit: contain !important;
}