.animate-inner{
    position: absolute;
    width: 100%;
    height: 100vh;
}

.animate-obj {
    width: 100%;
    position: absolute;
}

.animate-obj img{
    max-width: 300px;
}

.a-obj1 {
    max-width: 200px;
    right: 8%;
    top: 15%;
    opacity: .75;
    -webkit-animation: upDownAni 1s infinite alternate;
    animation: upDownAni 1s infinite alternate;
}

.a-obj2 {
    max-width: 150px;
    right: 130px;
    bottom: 225px;
    -webkit-animation: upDownAni 2s infinite alternate;
    animation: upDownAni 2s infinite alternate;
}

.a-obj3 {
    max-width: 150px;
    z-index: -1;
    left: 560px;
    top: 160px;
    -webkit-animation: upDownAni 1.5s infinite alternate;
    animation: upDownAni 1.5s infinite alternate;
}

.a-obj4 {
    max-width: 150px;
    left: 160px;
    bottom: 360px;
    -webkit-animation: upDownAni 3s infinite alternate;
    animation: upDownAni 3s infinite alternate;
}

.a-obj5 {
    max-width: 100px;
    left: 39%;
    bottom: 41%;
    -webkit-animation: upDownAni 2.5s infinite alternate;
    animation: upDownAni 2.5s infinite alternate;
}

.a-car1 {
    max-width: 150px;
    left: 80%;
    top: 16%;
    -webkit-animation: car1Ani 11s ease-in-out infinite;
    animation: car1Ani 11s ease-in-out infinite;
    z-index: -1;
}

.a-car2 {
    max-width: 150px;
    left: 24%;
    top: 150%;
    -webkit-animation: car2Ani 10s ease-in-out infinite;
    animation: car2Ani 10s ease-in-out infinite;
    z-index: -1;
}

.a-car3 {
    max-width: 150px;
    left: 20%;
    top: 36%;
    -webkit-animation: car3Ani 12s ease-in-out infinite;
    animation: car3Ani 12s ease-in-out infinite;
    z-index: -1;
}

.a5-obj1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    -webkit-animation: upDownAni 2.5s infinite alternate;
    animation: upDownAni 2.5s infinite alternate;
}

.a5-obj1 img{
    max-width: 100px;
    transform: translateX(-800px) translateY(208px);
}

.a5-obj2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    -webkit-animation: upDownAni 1.5s infinite alternate;
    animation: upDownAni 1.5s infinite alternate;
}

.a5-obj2 img{
    max-width: 200px;
    transform: translateX(-200px) translateY(370px);
}

.a5-obj3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    width: 100%;
    -webkit-animation: upDownAni 3.5s infinite alternate;
    animation: upDownAni 3.5s infinite alternate;
}

.a5-obj3 img{
    max-width: 115px;
    transform: translateX(23px) translateY(110px);
}

@-webkit-keyframes upDownAni {
    0% { transform: translateY(0); }
    100% { transform: translateY(-8px); }
}

@-webkit-keyframes rotateAni {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes car1Ani {
    0% { 
        left: 40%;
        top: 50%;
    }
    100% { 
        left: 88%;
        top: -14%;
    }
}

@-webkit-keyframes car2Ani {
    0% { 
        left: -8%;
        top: 58%;
    }
    100% { 
        left: 13%;
        top: 100%;
    }
}

@-webkit-keyframes car3Ani {
    0% { 
        left: 35%;
        top: 22%;
    }
    100% { 
        left: -10%;
        top: 60%;
    }
}