
.road1
{
    position: absolute;
    top: 72%;
    left: -5139px;
    height: 100px;
    animation: road1 10s infinite linear reverse;
}
.road2
{
    position: absolute;
    top: 72%;
    left: 0px;
    height: 100px;
    animation: road2 10s infinite linear reverse;
}
.buildings1
{
    position: absolute;
    top: 65%;
    left: -100%;
    width: 100%;
    animation: building1 10s infinite linear reverse;
}
.buildings2
{
    position: absolute;
    top: 65%;
    left: 0px;
    width: 100%;
    animation: building2 10s infinite linear reverse;
}
.car
{
    position: absolute;
    top: 67%;
    width: 49%;
    left: 27%;  
}
.wheel1
{
    position: absolute;
    /* top: 77%; */
    left: 33%;
    width: 3.5%;
    animation: wheel 3s infinite linear;
}
.wheel2
{
    position: absolute;
    /* top: 77%; */
    left: 37%;
    width: 3.5%;
    animation: wheel 3s infinite linear;
}
.wheel3
{
    position: absolute;
    /* top: 77%; */
    left: 40.5%;
    width: 3.5%;
    animation: wheel 3s infinite linear;
}
.wheel4
{
    position: absolute;
    /* top: 77%; */
    left: 56%;
    width: 3.5%;
    animation: wheel 3s infinite linear;
}
.wheel5
{
    position: absolute;
    /* top: 77%; */
    left: 67.5%;
    width: 3.5%;
    animation: wheel 3s infinite linear;
}


@keyframes building1
{
    from
    {
        left: -150%;
    }
    to
    {
        left: 0px;
    }
}
@keyframes building2
{
    from
    {
        left: 0px;
    }
    to
    {
        left: 150%;
    }
}
@keyframes wheel
{
    from
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
    }
}