如何消除柔性物品之间的间隙（柔性包装）

Question

我必须创建一个在桌面上看起来像这样的容器。注意图像占位符之间的间隙。这是理想的：

在md屏幕上，它会改变为此，间隙应该消失，文本应该有100％宽度，右上角图像在文本下滑动并填充100％宽度（已经采用照顾，使用<picture>根据媒体最大宽度更改图像。但是，差距应该消失：

我已经阅读了几个stackoverflow答案，为了实现间隙的消除，我必须将align-content: flex-start添加到我的多行灵活容器中。但是，有一些我缺少的东西，因为你可以在jsfiddle中看到我将在下面链接，它不会消除差距。

这是我到目前为止所提出的。我试图重新构建结构（container-fluid等），尽可能接近我必须使用的结构：https://jsfiddle.net/pbLvna4m/3/

如果您需要更多信息，我很乐意尝试提供这些信息。