Woocommerce Product Alignment and Highlighting?

I am trying to get woocommerce to lay out the products in the same way on the home (shop) page of the website as it does on the woocommerce categories pages. I like the 4 columns look in desktop mode for both products and categories, but even with the help of woocommerce booster plugin I can’t seem to get the product/category thumbnail, product name, product price and ‘read more’ button to all align center horizontally, when I try with CSS the thumbnail seems stuck aligned left. Also, the varying thumbnail image heights leaves vertical alignment of the product name, product price and ‘read more’ button totally random..

https://9bd.b89.myftpupload.com/

I was hoping to achieve something like another plugin I used on earlier draft of the site:

https://www.southernstatesimaging.com/diagnostic-medical-imaging/dr-systems/

In this case the mouse over actually generates a gray highlight window around the image cropping to it’s aspect ratio. Can this easily be reproduced via css? It’s difficult to find decent images for the products we sell and the aspect ratios tend to vary a good bit so resizing images would be very difficult.

Thanks!