Css FlexBox-制作特定布局

我是FlexBox的新手，对我来说有点困惑。您能帮我创建该布局吗：

我现在只有：

标题
标题
文本
标题
文本
标题
文本
标题
文本
形象

以下是我能想到的。如果您需要任何调整，请在下面的评论部分告诉我

#包装器{
显示器：flex；
弯曲方向：行；
柔性包装：nowrap；
证明内容：之间的空间；
对齐项目：柔性端；
}
.分栏{
显示器：flex；
弯曲方向：立柱；
}
.集装箱{
弯曲方向：立柱；
最大宽度：50%；
}
th{
宽度：250%；
文本对齐：左对齐；
}
img{
身高：100%；
}

标题
标题
正文
标题
正文
标题
正文
标题2
标题
正文
标题
正文
标题
正文

Ty以获取答案。这是一个很好的解决方案，但正如您在代码片段中看到的，图像位于第2部分之间，我想让它只在第二部分中可见（当标题2出现时它将可见）