How to put images inside their boxes without cutting off

How can I style images in woocommerce thumbnails on home page and make boxes even sizes

Please see link below of the website: https://test.cis-online.co.za/

Just do a hard refresh if the website is not opening.

Code

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

Thanks in advance.

You need to sign in to view this answers