Html 如何降低Bootstrap 4中图像的高度？

我想降低一点高度，这样图像更适合我的页面。 我的意思的一个例子：

我尝试使用自定义CSS来更改高度，但是我的图像看起来很奇怪，不合适

我的HTML：

---

这可能就是您要找的

.h-200{
高度：200px；
}
图像{
身高：100%；
对象匹配：覆盖；
宽度：100%；
}

---

这可能就是您要找的

.h-200{
高度：200px；
}
图像{
身高：100%；
对象匹配：覆盖；
宽度：100%；
}

您所说的尺寸是指每个图像的宽度和高度？是否要并排对齐图像？宽度很好，因为它应该占据50/50的空间，但图像的高度相当大。我想使图像高度更小，如示例图像中所示。如果您全屏运行代码段，您将看到图像很大。我希望这足以说明我还是一个初学者，所以如果有什么不清楚的地方，我很抱歉！你们说的尺寸是指每个图像的宽度和高度吗？你们想并排排列图像吗？宽度很好，因为它应该占据50/50的空间，但图像的高度相当大。我想使图像高度更小，如示例图像中所示。如果您全屏运行代码段，您将看到图像很大。我希望这足以说明我还是一个初学者，所以如果有什么不清楚的地方，我很抱歉！