JSFiddle - React, Tailwind, and code Playground
HTML
<div class="stacks_in_308_page0slider">
<div class="stacks_in_308_page0images">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
<img src="http://mda.atwebpages.com/link/files/link_image_424.png">
</div>
</div>
CSS
.stacks_in_308_page0slider {
overflow: hidden;
}
.stacks_in_308_page0images {
display: inline-flex;
flex-wrap: nowrap;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: slide;
animation-direction: normal;
animation-duration: 4s;
}
@keyframes slide {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(calc(200px * 5 * -1), 0);
}
}
.stacks_in_308_page0images img {
width: 200px;
height: auto;
}