如何在flexbox列布局中的新列上移动上一个flex-item？

Question

如何获取列flex布局以将最后一项包装到新列中。我不希望在容器上设置固定的高度。

所以下面我想要.image新的列行。

HTML：

<div class="container">   
    <div class="title"></div>
    <div class="text"></div>
    <div class="image"></div>
</div>

CSS：

.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}