如何将图像和文本并排放置并保持响应（因此它们只是减小尺寸而不是堆叠）？

Question

我是 CSS 的新手，所以非常感谢任何指导 - 我正在尝试对齐 3 张图像和 3 位文本，如

附图

在桌面上看起来不错，但在移动设备上，文字位于图像下方，这使您不得不滚动很多次。让图像和文本并排“粘在一起”的最佳方法是什么，以便在较小的屏幕上保留这种结构？我已经玩了几个小时了，运气不太好……

我为图片添加了样式“display: block”和“float: left”，为文本添加了“float: right”。我以为这样可以将图像固定在左侧并防止文本跳到底部，但事实并非如此。