JSFiddle - React, Tailwind, and code Playground
HTML
<div class="road">
<img src="http://www.imgzilla.ru/image.uploads/2017-07-21/default-da56a6e95a17ecc79fed8d07e9d94ce4.jpg">
</div>
CSS
.road {
position: absolute;
z-index: 0;
left: 0; right:0;
width: 250px;
height: 100%;
overflow:hidden;
transform: translateY(-30%) perspective(150px) rotateX(45deg);
margin:auto;
}
.road img {
width:100%; height: 200%; position: absolute;
will-change: transform;
animation: move 2s linear infinite;
}
@keyframes move {
from {transform: translateY(-50%);}
to {transform: translateY(0);}
}