Image sizing on shop page.

Site URL: https://homesteadandgarden.co.uk/plant-supports

Hi everybody. I am using version 7.1.

Some of the images on my shop category pages are being cut off, or too big for the block. on the actual product page they are okay. Here is an example page Plant Supports

Is there a way in 7.1 to correct the image size so it fits in the allocated block on the shop page? 

Hope somebody can help.

Thank you in advance.

Try adding to Home > Design > Custom CSS

.products.collection-content-wrapper .grid-item .grid-image-cover {
    object-fit: contain !Important;
}

Fantastic Tuanphan.

That has worked a treat.

Many many thanks for your time and answer.

Hippooflove