如何修复woocommerce产品图像占据整个页面？

Question

我以前使用过woocommerce，但是由于某种原因，它使产品形象大为增加。我尝试了以下代码，该代码是从另一个来源提供的，但无济于事：

.woocommerce #primary .images img {
width: auto;
}

我正在使用Woocommerce版本3.6.2，并使用Divi by Elegant Themes作为我的主题。 这是woocommerce的全新安装，我没有对其进行任何更改而影响到此。