Flex değilde Grid buna daha uygun gibi:

.container {

display:grid;
gap:2em;
grid-template-columns: 1fr 1fr;

}

.box {}

<div class="container">

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

</div>

Masonry grid yapmalısınız. JS ile tam sonuç alırsınız.

JS: https://masonry.desandro.com/
CSS: https://w3bits.com/css-masonry/

CSS ile column ile yapılabilir ama yukardan içerikler (items)

1 5 9
2 6 10
3 7 11
4 8 12

şeklinde sıralanır.

JS ile yaparsanız içerikler:

1 2 3
4 5 6
7 8 9
10 11 12

Şeklinde ilerler.