.slide-container {
    width: 100%;
    margin: 10px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 60s infinite linear 1s both;
}
.slide{
  width: 600px;
  object-fit:cover;
  border: 10px solid #ddd;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

.slide-paused:hover .slide-wrapper {
   animation-play-state: paused;
 }
 .slide-paused:hover .slide-wrapper img:hover {
   opacity: .8;
   cursor: grabbing;
 }