.carousel {
  width: min(100%, 54em);
  overflow: hidden;
  margin: 2em auto 0 auto;
}

.track {
  display: flex;
  animation: slide 16s infinite;
}

.track img {
  flex: 0 0 100%;
  width: 100%;
  height: 28em;
  object-fit: cover;
  display: block;
}

@keyframes slide {
  0%, 20% { transform: translateX(0); }
  25%, 45% { transform: translateX(-100%); }
  50%, 70% { transform: translateX(-200%); }
  75%, 95% { transform: translateX(-300%); }
  100% { transform: translateX(0); }
}