Orientation of thumbnail images - shop

Hey, I’m an artist with landscape and portrait works on my website (not live yet). I’m trying to figure out how to have the option for the thumbnail images in my ‘shop’ ‘products’ to be optional landscape/portrait. Currently my landscape works get cropped into the portrait format. 
However, once I click into the work it only then appears as landscape. 
Any one out there know how to change this? (I’m using a template site) 
Thanks! 
 

Hi, 
Website is www.evemacfarlane.co.nz 
Password; evemac
Thanks!

On 9/21/2021 at 4:47 AM, Macfarlane said:

Hi, 
Website is www.evemacfarlane.co.nz 
Password; evemac
Thanks!

The url doesn't work. Can you check it again?

Whoops it’s .com not .co.nz ! So: 

www.evemacfarlane.com
password ; evemac

On 9/29/2021 at 10:38 AM, Macfarlane said:

Whoops it’s .com not .co.nz ! So: 

www.evemacfarlane.com
password ; evemac

Try adding to Design > Custom CSS

/* Shop images */
img.ProductList-image.ProductList-image--primary.loaded {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
div.ProductList-innerImageWrapper {
    top: unset;
}

Tuanphan! You are amazing thank you, thank you for your help with this! I am beyond grateful!!