有没有解决方案来显示一系列不同大小的图像，并且所有图像都具有相同的高度，而不会损坏图像？

<style>
    .image-container {
        width: 200px; /* 容器宽度 */
        height: 200px; /* 容器高度 */
        overflow: hidden; /* 超出容器部分隐藏 */
    }

    .image-container img {
        width: 100%; /* 图像宽度填满容器 */
        height: 100%; /* 图像高度填满容器 */
        object-fit: cover; /* 图像保持原始比例并填充容器 */
    }
</style>

<div class="image-container">
    <img src="image1.jpg" alt="Image 1">
</div>
<div class="image-container">
    <img src="image2.jpg" alt="Image 2">
</div>
<div class="image-container">
    <img src="image3.jpg" alt="Image 3">
</div>