Html 带有图像的Flexbox列

我试着让两个图像跨越它旁边图像的整个高度。是否有一种flexbox方法可以做到这一点？我试图使用flexbox direction:column，但我遇到的问题是，这两个图像的跨度是图像的两倍，而我希望它们填充单个图像的空间

.wrapper{
显示器：flex；
}
.首先{
弹性：1；
}
.第二{
弹性：1；
显示器：flex；
弯曲方向：立柱；
}
.二a{
弹性：1；
}
.second-b{
弹性：1；
}

您可以使用属性，如下所示：

.wrapper{
显示器：flex；
}
.首先{
弹性：2；
}
.第二{
弹性：1；
}
img{
宽度：100%；
高度：自动；
垂直对齐：底部对齐；
}