如何在引导程序中使不同两列大小图像高度相等

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

.container {
  display: flex;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.image-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

window.addEventListener('resize', equalizeImageHeights);

function equalizeImageHeights() {
  const column1 = document.querySelector('.column:nth-child(1)');
  const column2 = document.querySelector('.column:nth-child(2)');
  const image1 = document.querySelector('.column:nth-child(1) .image');
  const image2 = document.querySelector('.column:nth-child(2) .image');
  
  const maxHeight = Math.max(image1.offsetHeight, image2.offsetHeight);
  
  column1.style.height = maxHeight + 'px';
  column2.style.height = maxHeight + 'px';
}