Product Layout Image Aspect Ratio Change

I’d like to change the product image aspect ratio for a single product page. The images on this page are panoramic but I have the site wide crop set to 1:1 because the majority of my photography is square. What CSS code can I insert in the Page Header Code Injection to affect just this page so the thumbnails show the native ratio?

Here is the page I’m trying to adjust: https://www.scottmansfield.com/the-wide-frame

Cheers 

Add to Design > Custom CSS

/* the wide frame page */
body#collection-5fd2563ba5c2831a00b892bb .ProductList-outerImageWrapper {
    padding-bottom: 150% !important;
}

So on the right track! This works if I put it in the page header code, but makes the thumbnails vertical, is there a way to have them be this ratio but horizontal?

Thank you very much

Got it figured out, I simply changed it to 56.25%. Thanks again for the code!

Cheers