Chang aspect ratio on related product images

How do I make the related product images square?

I tried adding:

padding-bottom: 150% !important;

to both the image wrapper and images but can't get it to work. 

SITE PASSWORD: ADMIN

6 hours ago, E-W said:

How do I make the related product images square?

I tried adding:

padding-bottom: 150% !important;

to both the image wrapper and images but can't get it to work. 

SITE PASSWORD: ADMIN

What is the website URL?

Product page is here: https://asparagus-violet-6yxl.squarespace.com/shop/p/sweet-gesture-product-add-on-test-2f86d-4xede

Thought I put it into the OG post. 

6 hours ago, KwameAndCo said:

This will create an image with a 2:3 aspect ratio because it is 100%:150% (width:height).

Square would be 

.yourelement {
  padding-bottom: 100%!important;
}

 

Thanks!

This was the final code used for a 1:1 ratio:

.grid-image-wrapper {
  padding-bottom: 100%!important;
}

16 hours ago, E-W said:

Thanks!

 

Happy to have helped.