CSS flex-向上移动以填充垂直空间

Question

我在2x2的网格中使用flex布局有4个不同高度的盒子。如果顶盒中的一个短于另一个，我希望它下面的盒升起以填充剩余的空间。

第一张图片是我目前所拥有的，第二张图片是我想要的（我刚刚检查了元素，并手动添加了一个负数margin-top，以显示我希望我的盒子最终如何使用）。 >

我可以编写一些JavaScript来做到这一点，但是如果有CSS的方式可以实现，我会更喜欢的。谢谢！

第一张照片：

第二张图片，我希望它如何结束：