如何在html / css中

Question

我正在处理fiddle，其中我想横向滚动条纹，全球特许经营和其他图片在小提琴中排成一行。图像上方的文字应保持固定在其位置。

我想要的移动视图的片段如下所示。图像应水平滚动，而不会在右侧创建任何空白区域。

此时，图像适合移动设备上的屏幕但是它们被压缩，因此我想在移动视图中滚动内容以避免压缩问题。

我在移动视图中为了使图像适合屏幕而使用的CSS代码是：

.images {
  display: flex;
  align-items:center;
  background-color: #eee;
  padding: 1rem;


}

.images > div {
      flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.images img {
  max-width:100%;
  width: 100%;
}

问题陈述：

我想知道我应该在小提琴中添加什么CSS代码，这样图像应该水平滚动，而不会在右边创建任何空白区域，文本固定在顶部。