title: Prevent WooCommerce images from getting cut off
body: <p>I'm in the middle of building a WordPress site. </p>
  
  <p>Many images are getting cut off, as the pictures are filling up the height before the width. I want to change it to be the other way around - the width is more important.</p>
  
  <p><a href="http://www.new.brooklynpartyrental.com/product/rectangle-tables/" rel="nofollow noreferrer">http://www.new.brooklynpartyrental.com/product/rectangle-tables/</a></p>
  
  <p>What kind of custom css should I add to make this possible?</p>
  
  <p>Thank you!!</p>