如何使用CSS和HTML将6张图像以及2行3列的文本对齐？

Question

我是CSS和HTML的新手。我想要6个框，其中每个框在一行中包含一个标题，而在下一行中包含一个图像和一个文本。图像应位于文本的左侧，我希望图像和文本在div内水平和垂直居中。我还希望具有响应式设计，因此在最小化和最大化屏幕时，图像和文本大小应更改。

我希望输出是这样的： layout

任何有关CSS的帮助，都感谢HTML代码。