使外部图像适合容器

Question

我正在woocommerce关联商店中工作。（https://salespotters.nl/shop）我使用插件Datafeedr导入产品，并且使用插件“外部图像”显示外部图像，而不是导入它们。图像从会员网站托管在网站上。

现在我的产品图像不再适合productcontainer。 （请参见屏幕截图）我以前仍在导入图像时生成缩略图。由于图片现在是外部网址，因此我无法对其进行编辑。我才刚开始学习CSS，但是有没有办法使所有图像适合相同大小的容器？

（图片是在手机上拍摄的，但在PC上是相同的）

Screenshot

它与这段代码一起工作，不便之处，敬请谅解！：

#main .eiportrait{
    object-fit: contain;
}

Answer 1

.image-div {
object-fit: contain;
}