Add white border around product images
So could you please help me to make this a fixed setting like when I add a product regardless of its image height, I could simply display the full image without being it cut out and display it aligned and even in the product pages. I have attached an image of the current situation. I believe adding a fixed white border around all product images would solve this issue but if you may know a better way to fix this and have all them display aligned and even, that would be great too.
In the second screenshot, "Screenshot (3)" is the godaddy shop builder, url for that website is, https://mpsmarthk.com/shop?olsPage=products&page=4 , in which you may see there are images with long height and there is a border added around the images to make it fit in the square shape and also well aligned and even. The border for that image is black based on the black theme for that website. Nut for me, I would like to keep it white and have white borders like that around my product images.
I would very much appreciate your help and time for the customize service. Thank you very much.