.hero
{ 
height:100%;
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;
}
@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);
	 }
}	 
.car
{
	width:400px;
	left:50%;
	bottom:100px;
	transform: translatex(-50%);
	position:absolute;
	z-index:2;
}
.car img
{
	width:100%;
	animation:car is linear infinite;
}
@keyframes car
{
	100%{
		transform: translatey(-1px);
	}
	50%{
		transform: translatey(-1px);
	}
	0%{
		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)
	}
}