.slider {
  height: 250px;
  margin: auto;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.slider-feedback {
  display: flex;
  width: calc(400px * 18);
  animation: scroll 60s linear infinite;
}

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

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

.feedback {
  height: 300px;
  width: 300px;
  display: flex;
  align-items: center;
  padding: 15px;
  perspective: 100px;
}

.feedback img {
  width: 100%;
}

.feedback img:hover{
  transform: translateZ(20px);
}