如何将多个图像放在文本之间的不同位置？

Question

我是 CSS 的新手，我打算制作一个页面部分，其中文本之间有四个图像（两个左，两个右），每个图像位于不同的位置。我需要让它响应，这意味着当使用电话时，两个图像将被隐藏。

我正在使用引导程序。我决定使用 row 和 col，但我不知道之后该怎么做。

我正在尝试根据下图制作它：

桌面视图

移动视图

有可能创造这个吗？感谢您的帮助！