Before add CSS code change Product Image to Uncropped
- Go to Appearance >> Customize >> WooCommerce >> Product Images >> Select Uncropped.
After change this setting now add CSS Code
Note: If you are using WOODMART Theme then no need to change code otherwise change classes from your theme using inspect tool.
Note: Mostly free themes also not support complete CSS.