car.css

.kk
{
	height: 100vh;
	width: 100%;
	background-image: url(sky.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	overflow-x: hidden;
}
.highway
{
	height: 200px;
	width: 500%;
	display: block;
	background-image: url(road.jpg);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-repeat: repeat-x;
	animation: highway 5s linear infinite;

background-repeat: repeat-x;
}
    @keyframes highway
 {
    100%
    {
    	transform: translateX(-3400px);

    }
 }

 .city
 {
 	height: 250px;
 	width: 500%;
 	background-image: url(city.png);
 	position: absolute;
 	bottom: 200px;
 	left: 0;
 	right: 0;
 	display: block;
 	z-index: 1;
 	background-repeat: repeat-x;
 	animation: city 20s linear infinite;
 }
 @keyframes city
 {
 	100%
 	{
 		transform: translateX(-1400px);
 	}
 }
 .carr
 {
 	width: 400px;
 	left: 50%;
 	bottom: 100px;
 	transform: translateX(-50%);
 	position: absolute;

 	z-index: 1;
 }
 .carr img
 {
 	width: 100%;
 	animation: carr 1s linear infinite;
 }
 @keyframes carr
 {
 	100%
 	{
 		transform: translateY(-1px);
 	}
 }
 .wheel
 {
 	left: 50%;
 	bottom: 178px;
 	transform: translateX(-50%);
 	position: absolute;
 	z-index: 2;
 }
 .wheel img
 {
 	width: 72px;
 	height: 72px;
 	animation: wheel 1s linear infinite;
 }
 .back-wheel
 {
 	left: -165px;
 	position: absolute;
 }
 .front-wheel
 {
 	left: 80px;
 	position: absolute;
 }
 @keyframes wheel
 {
 	100%
 	{
 		transform: rotate(360deg);
 	}
 }