.slide-container {
    width: 200%;
    margin: auto auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 40s infinite linear 1s both;
  margin-right: 0;
}
.slide-wrapper figure{
    width: 500px;
    margin-right: 20px;
}

.slide_image{
  width: 500px;
  /* width: 100%; */
  object-fit:cover;
  border: 1px solid #ddd;
  margin-right: 20px;
}

@media (max-width: 768px) {

    .slide-wrapper figure{
        width: 200px;
        margin-right: 20px;
    }

    .slide_image{
      width: 200px;
      /* width: 100%; */
      object-fit:cover;
      border: 1px solid #ddd;
      margin-right: 20px;
    }

}


@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}