body {

  align-items: center;

  background: #;

  display: flex;

  height: 100vh;

  justify-content: center;

  margin: auto;

}



@-webkit-keyframes scroll {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(calc(-200px * 20));

  }

}



@keyframes scroll {

	0% {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

	100% {

	-webkit-transform: translateX(calc(-200px * 20));	  

	transform: translateX(calc(-200px * 20));

  }

}



@media (max-width: 1900px) {

  .slider .slide {

    width: 100%;

  }

}



.slider {

    width: 100%;

    height: 100px;

    margin: auto;

    overflow: hidden;

	position: relative;

}



.slider .slide-track {

    display: flex;

    animation: scroll 50s linear infinite;

    webkit-animation: scroll 50s linear infinite;

    width: auto; /* calc(200px * 42)*/

}



.slider .slide {

    flex: 0 0 200px;

    margin-right: 10px; /* Espacio entre las diapositivas */

}



.slider .slide img {

    width: 100%;

}