horizontal scroll only css mobile

1.images {
2    display: flex;
3    align-items:center;
4    background-color: #eee;
5    padding: 1rem;
6    overflow-x: scroll;
7}
8
9.images > div {
10    flex: none;
11    max-width: 100%;
12    padding-left: 15px;
13    padding-right: 15px;
14}
15
16.images img {
17    max-width:100%;
18    width: 100%;
19}
20
21@media (min-width: 960px) {
22
23  .images {
24     overflow-x: visible;
25  }
26
27  .images > div {
28    flex-basis: 0;
29    flex-grow: 1;
30   }
31}
32