Html 具有一行图像的flex box

我使用一个引导面板来显示一行中的三个图像。假设我总共有六个图像，我想一行显示三个，当我移动滚动条时，接下来的三个应该一个接一个地出现

为了应用滚动条，我做了

overflow-x:visible

，但屏幕上没有显示任何内容

另外，第四个图像位于一行中三个图像的下方

如何使图像水平滚动，同时在屏幕上显示三个图像

---

指向我的代码的代码笔链接是：

这就是你要找的吗

.container{
显示器：flex；
最大宽度：225px；
溢出-x：滚动；
}

什么是“一个接一个”呢？你能把你的答案包括在问题中吗。