Style.css

body{
    margin: 0;
    background-color: rgb(46, 6, 138);
    overflow-y: hidden ;
}

.night{
    height: 80vh;
    width: 70vw;
    margin: 5rem auto;
    background: url('./assets/sky2.jpg');
    background-size: cover;
    position: relative;
    box-shadow: 1px 2px 60px black;
    overflow-x: hidden;

}

.surface{
    height: 140px;
    width: 500%;
    background: url('./assets/treeline.png');
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-repeat: repeat-x;
    animation: moveRight 6s linear infinite;
}

.car{
    position: absolute;
    bottom: 6%;
    left: 20%;
    animation: suspension 1s linear infinite;
}

/* Animation */

@keyframes moveRight{
    100% {transform: translateX(-2950px)}
}

@keyframes suspension {
    100%{
        transform: translateY(-1px);
    }
    50%{
        transform: translateY(2px);
    }
    0%{
        transform: translateY(-1px);
    }
    
}