body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  height: 100vh;
}

.slider {
  background: #000000;
  height: 100px;
  width: 70vw;
  overflow: hidden;
}

.slider .move {
  display: flex;
  width: calc(250px * 14);
  animation: animacion 150s linear infinite;
}

@keyframes animacion {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 42));
  }
}

.slider .box {
  height: 100px;
  width: 250px;
}

img{
  width: 250px;
  height: 100px;
}

.slider:hover .move {
  animation-play-state: paused;
}