@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-550%);

  }
}

.looping-image {
  width: 100%;

  animation: loop 99s linear infinite;
}

.looping-container {

  width: 100%;
  display: flex;
  overflow: hidden;
}

.looping-container:hover .looping-image {
  animation-play-state: paused;
}