匹配图像高度

Question

我有一个flexbox布局，其中有2个图像并排，其中一个图像使用底部填充百分比裁剪为16x9

.container {
  display:flex;
  width:100%;
}

.left, .right {
  height:100%;
}

.image_16x9_container{
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

<div class="container">

  <div class="left">
    <div class="img_wrapper">
      <img src="https://picsum.photos/501/500">
    </div>
  </div>
  
  <div class="right">
    <div class="img_wrapper">
      <div class="image_16x9_container">
        <img src="https://picsum.photos/500/500">
      </div>
    </div>
  </div>
  
</div>

这正常工作，但我想使左侧的图像与高度匹配。

任何人都知道如何使用flexbox CSS实现此功能，或者这是jQuery的工作吗？