Purchase Order Form shrinks pictures

Hello,

I think I almost have your https://mansoap.co/pages/stockist-order-form and for some reason all the pictures are 50% hidden.  It looks like the form is shrinking the selector boxes until they are clicked, but by doing this the pictures are cut in half.  Basically, once the person puts a checkmark to select that item, the picture is fully visible, but is not unless choosen.  

How do I put an option so that the pictures are 100% visible all the time, even without selecting?

To fix the issue, please inject the following custom CSS code to your form:

.form-product-item {

    height: 100% !important;

}

To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

Do let us know if you need further assistance.
Regards.