.grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 90%;
  grid-gap: 1em;
  overflow-x:auto;	/* vorher: scroll */
  -webkit-overflow-scrolling: touch;
  padding: 2em 1em;
  background: white;
}
@media all and (min-width: 180px) {			/* vorher 600px, neu 180px */
  .grid {
    grid-auto-flow: initial;
    grid-template-columns: repeat(auto-fit, minmax(auto, 16em));		/* vorher 20em, neu 16em */
    justify-content: center;
  }
}
.grid__figure {
  display: grid;
  grid-template-rows: 12em 1fr;		/* vorher 18em, neu 12em */
  grid-gap: 0.5em;		/* vorher: 1em, neu 0.5em */
}
.grid__figure img {
	/* color:darkgrey */
	/* border: 1.5px solid darkgrey; */
	border: 2px solid cadetblue;
	border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}