<div class="hero">
        <div class="highway"></div>
            <div class="city"></div>
                <div class="car">
                    <img src="https://lh3.googleusercontent.com/kCqY1ldTZ9ZXKIO3YCPq96NjIZkYGsQG669e20pT3HgzpolffaqGQVzks72Yi4HUZ5VR2qfzt9ERJN7ZgRxEAgLMlN7gudC2oCP-JgfGlRlsG7YHI5P2cmfUWsz_1lfdFSAQ_Z7_VaycfFmGt4nl9BFsp-MoJgPSkc38COAG1SaV3NxMQiRyitklk7nCLKCxje8kHOncXoNgqzm6aobxL9ctmWo2X4znQvl5_RRyGObEKFjzKiONADFDUMGJEBJ-fiquP7rSHAK9aSLBwz8FswC5YDAIeqQoTUgE4ntNWZFGWCxRyERtuo7j7zyy2ptjqG9v7SoRjGMW_NskwtVOjTQXU4Rg88NTdbk0tdlFOp79TlswBkXrZOf5bblKoFfMpjkL77dKrRBbqF5tu2CJpByUCRNOaAwFlZRaOvbbfRAs_tm8MhpuvP09vybXJip-oCI7lX65HVUmTsrN6cf6-MaOpp4bKC1yPWWrp_M0X-vHxgAOcHVTQd9RToyVUumJzsrhFWbHTGChVFF421AVeYTfmZMjo-CLsu2GiQqJiLK69kdGlwx2YjwtyBgMNFWj3-6TzbQAKtfdUDgA4_zolbJK-QXtvzWgMDPKz3Qd0AVQ6J2JQdv72Hn63PmXsA=w1366-h654">
                </div>
                <div class="wheel">
                    <img src="https://lh3.googleusercontent.com/2dTRzvJzCpIDPU6GV3hid2m_pf8Sl5eZUgyAgwWCUlWMi--sH5aDy0-VtBF9xAVBu3AWJA1fBFojf3Kw-p5iOCguMHG1epkj4FOVe9UpnJktF9-g3mrn65TfsPI5J7cUYSxJCotl2JV_euIf0ESpbyxgyPpaWe-sVWQddUdM0s0Fz1h3wCGoqlFwLzW2cBMhD3yD1l_LvshpDfGJ6-3cMwMivxzXrpKf3dNuWTwZG6qsRUDKNhMIlnzgrk-d5x1byqPbWFKd4sa68xmiGvBC2gSsSy9ZWATztjHJ8l1kCA0dAwsM4As72c_CM5iqX0EYUsjdsQrL936yvhT4RGRrNp_pPz-V_Ctk50ITxHktTkIb_3q7_-WjTAuwCdRsRbpkCobtdy8sTH52nv_EpWtnYGCMPkryxlaD4DNVbxHXvkVSy-gA76BIbVMho1RXQSRWRUdOMB-rjvVvfWgaREVmpEoZye_VaTastwXDYAy3hBtjPPgFN_nRZRKnN_CtpJmJwTLf6tY2bmOvsdEYgBMDjk-FgAvExC5WfdB_JbWnLVVGpud_itsfqZRn6mosdM-eoGN0hsbVbzQGn2UY95g9-LogPm-LlRywAaio4zfhCr370Q3bmy8ErQELFp6OnQ=w1122-h654">
                    <img src="https://lh3.googleusercontent.com/2dTRzvJzCpIDPU6GV3hid2m_pf8Sl5eZUgyAgwWCUlWMi--sH5aDy0-VtBF9xAVBu3AWJA1fBFojf3Kw-p5iOCguMHG1epkj4FOVe9UpnJktF9-g3mrn65TfsPI5J7cUYSxJCotl2JV_euIf0ESpbyxgyPpaWe-sVWQddUdM0s0Fz1h3wCGoqlFwLzW2cBMhD3yD1l_LvshpDfGJ6-3cMwMivxzXrpKf3dNuWTwZG6qsRUDKNhMIlnzgrk-d5x1byqPbWFKd4sa68xmiGvBC2gSsSy9ZWATztjHJ8l1kCA0dAwsM4As72c_CM5iqX0EYUsjdsQrL936yvhT4RGRrNp_pPz-V_Ctk50ITxHktTkIb_3q7_-WjTAuwCdRsRbpkCobtdy8sTH52nv_EpWtnYGCMPkryxlaD4DNVbxHXvkVSy-gA76BIbVMho1RXQSRWRUdOMB-rjvVvfWgaREVmpEoZye_VaTastwXDYAy3hBtjPPgFN_nRZRKnN_CtpJmJwTLf6tY2bmOvsdEYgBMDjk-FgAvExC5WfdB_JbWnLVVGpud_itsfqZRn6mosdM-eoGN0hsbVbzQGn2UY95g9-LogPm-LlRywAaio4zfhCr370Q3bmy8ErQELFp6OnQ=w1122-h654">
                  
                </div>
    </div>
body{

}
*{
    margin:0;
    padding: 0;
}
.hero{
    height: 100vh;
    width:100%;
    background-image: url('https://lh3.googleusercontent.com/pl48LrASBYFP1Hcv7UfbM4N7r9xCK4DeTUf2pjQ7XwUHH6234JiRvHTPWnaJCywGBa51QGXYNpU6AyHU3NnZPetT2U6tnNRx1p1kRTBeB1IGXenvROk6OEqSmPDMTn5Mt004IDaugvmAlQq1G3ogvnmH7zgPsBKtP4t3O_jtDyQCsplQWdS_s-vpNL2toeloCoisKcXgv71_UEONRd_X4dLLByG7DVV1ULOoU1waH4MI1CuIqDWlw4ukeb-2zCkNc1xGGIfkPVeT0kAMrzIzjbHuQMFFNnOihcnbB-yrbulL5800cxKYxveSiFzwUIcNU5fRWhOYZot_xx97S1AgI2_0tJXMPtJeDdxmUbYLgKi1J710VtNkRKTOszvgiNmQfiwpGQ7CveMjIiwWwsfom1_57UIfmex1byh6wH7cOJgdfqpd395Gss-oHz8meSdxEtc0dWvDhhw5nMCQi2VI1FRGpJQu73Z3864R0InCwvNx-TuDLoWPHYWMkPqtm6KdFGxl42YfoOhjEn9ImKbvm8GzCdA3RKxSgYwgSRgekooKABy1YL5-2nuozpB5wwWBEup29vxnYZoNy_QsEvA2Tw925AGP4knX9FcfXNC3O1DV-hLu_HCXRdH58Wz4Og=w1122-h654');
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.highway{
    height: 220px;
    width: 500%;
    display: block;
    background-image: url('https://lh3.googleusercontent.com/M8ZQtPNdtP_Io3ufue7aWIY9WePihu-5pJ0K0FlopktXndTjXp7q4-dp0kpCRBXDt71NXhDAEGBX2I4HLpM5ua7_wkSrTDj-GEesFVORR56cVm2_s30D6dmuooahLYDE6C-Ex4cVNoLPeRchpYcwinZ9N38UTUvDAmYY_NTSpBKu3e5Ijid3UqTQ5_Z5miyN267lqSviSwvzAiQy0i06qS5Wtz2v49lqJ8jfFgilaC9jh4kvGHHrNUOMhSG_72x3D_majIDN4Pii8AZ-salOSIw7Vdfktb2k2nZWkorNF15IGCnzFX8sBsvwNFHmzWu50k3ctyo7uCsuFhdJImXcx8xBTZaYJxfjC0Nxq92qNEPAzL3b4tVvxUdLfFDpxY_KoA0uDxbqfzdcrbZI_Sj9qk3M4VQRggsplzjasJnHCYdSR0qK6h1b-uzmCtCRXZjnZcYAEl64kEc485MmVG1dkh_04g79bHk3EthgRiGUXwz9PiZCjxMjGsAabCIfu3YJr_Fq6SnEeR4QfZnyyK2uGglLVc99lQ9vyjJ3IGQnlzjHZjdY3C7n7gK4B358QGyKxC987rPImzAyoYRg5O8smBPsPzIZQojkpMnV6B0N6K5rQC9ffC-BCoB5SUTOxA=w1114-h654');
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    animation: highway 5s linear infinite;
}
@keyframes highway{
    100%{
        transform: translateX(-3400px);
    }
}
.city{
    height: 250px;
    width: 500%;
    background-image: url('https://lh3.googleusercontent.com/G-PVJyApImOq6uUxZJRpWBlXPsUXEiUM6fjTtIBszhl0-Gx-8Ia9d_weM2W_i_O__V-pqKCtiRiwWge9FETjSwX8Vz8Lf5R3EAtopNMMTpsbor6l_-OKSDxn7O2zeZFU_8f0ITYvg1JB82-WpaXrNUuQPL32Itk569_HIJyR-Dn4zKS54xZki6AHnjkaCLOs9d-CHolihbFZS29thUfvcCpdN6GVUgw9_2kv02z-SAsh-5vIG1ov-MolJycXxXVLVlygfPz55rK3bxTeKGDxjv-btMQJ1alWjWxwxqL-aaNNlzan9ybIgABCbmjL4aHw5Tte122spvlpBx3kOsGAYk---rqFWfA4t9eOO02xH7_bCQy84Ezd5tJzIwUwp7w7angu4EKBIOFZHuGNkBlKUcfhusElWfx1WwBHEPakMrUVAw9hRwpz99Gfs5gtTgbNTKdBA3bJkIVc_xgPoSI4xjY_AbXKsd2RsesiL3TRej1f9o2Z_2Oz8a2-aCxS7zOCSWDg7WlAD4L2yWzp20ln36MPNPq_Eyo02V3_aaSOzEMI4LMrDDUs7Mb6psCDkJ7bk-T9DXb7oIzTpdweH7aTsnYpEuPHUElvoLnOja0ZXDd_X_1Muc2gyX2fxPH91g=w1366-h654');
    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 1s 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;
  bottom: 100px;
}
.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);
    }
}


.wheel img:nth-child(1) {
  margin-right: 182px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.