Change WooCommerce product gallery thumbnails to squares

I want to change the image gallery on a product page to squares. without the need to upload all images with a square format.

like in the image:
Optimal situation

So it wont look like this:
Current situation

If its possible to do this with CSS on the elemetor “Custome CSS” or with PHP into the functions.php file, also if its possible to do it with and without cropping the image so i can decide whats looks better.

Thanks 🙂

I tried adding codes i found on stackoverflow but nothing really worked