.img-object {
    position: absolute;
    /* animation: floating 12s linear infinite normal; */
}

@keyframes floating {
    0% {transform: translate(0, 0) rotate(0);}
    33% {transform: translate(1rem, -2rem) rotate(15deg);}
    66% {transform: translate(-2rem, -4rem) rotate(-5deg);}
    100% {transform: translate(0, 0) rotate(0);}
}

@keyframes scale {
    0% {scale: 0;}
    100% {scale: 1;}
}

#img-basketball {
    top: 62vw;
    right: 1rem;
    width: 30vw;
}
@media only screen and (min-width: 1024px) {
    #img-basketball {
        top: 6.5rem;
        right: 3rem;
        width: 22vw;
    }
}

#img-chocolate {
    top: 130vw;
    left: 1rem;
    width: 34vw;
}
@media only screen and (min-width: 1024px) {
    #img-chocolate {
        top: 33vw;
        left: 3vw;
        width: 28vw;
    }
}

#img-computer {
    bottom: -7rem;
    right: 0rem;
    width: 70vw;
}
@media only screen and (min-width: 1024px) {
    #img-computer {
        top: -2vw;
        bottom: unset;
        right: 8vw;
        width: 32vw;
    }
}

#img-pill_1{
    bottom: -30vw;
    right: 20vw;
    width: 50vw;
}

#img-pill_2{
    bottom: -15vw;
    right: 1.5rem;
    width: 43vw;
}
@media only screen and (min-width: 1024px) {
    #img-pill_1 {
        bottom: -6vw;
        right: 14vw;
        width: 27vw;
    }

    #img-pill_2 {
        bottom: 5vw;
        right: 6vw;
        width: 23vw;
    }
}

#img-phone {
    top: 33.3333vh;
    left: 50vw;
    translate: -50% 0;
    width: 75vw;
}
@media only screen and (min-width: 1024px) {
    #img-phone {
        top: 15vh;
        width: 48vh;
    }
}

#img-smile-1 {
    bottom: -30vw;
    right: 0;
    width: 42vw;
}
#img-smile-2 {
    bottom: -30vw;
    left: 0;
    width: 42vw;
}

@media only screen and (min-width: 1024px) {
    #img-smile-1 {
        top: -4vw;
        bottom: unset;
        right: 4vw;
        width: 20vw;
        animation: scale 3s ease-out 0s infinite alternate;
    }

    #img-smile-2 {
        bottom: 0;
        left: 5vw;
        width: 20vw;
        animation: scale 3s ease-out .5s infinite alternate-reverse;
    }

    #img-smile-3 {
        bottom: 0;
        right: 17vw;
        width: 10vw;
        animation: scale 3s ease-out 2s infinite alternate;
    }

    #img-smile-4 {
        top: 8vw;
        left: 20vw;
        width: 9vw;
        animation: scale 3s ease-out 1.5s infinite alternate-reverse;
    }

    #img-smile-5 {
        top: 24vw;
        left: 41vw;
        width: 6vw;
        animation: scale 3s ease-out 1s infinite alternate;
    }

    #img-smile-6 {
        bottom: 17vw;
        right: 2vw;
        width: 9vw;
        animation: scale 3s ease-out 2.5s infinite alternate-reverse;
    }
}

#img-mirror {
    bottom: -30vw;
    right: 7vw;
    width: 60vw;
}
@media only screen and (min-width: 1024px) {
    #img-mirror {
        top: 15vh;
        bottom: unset;
        right: 1vw;
        width: 32vw;
    }
}

#img-weights {
    bottom: -24vw;
    right: 5vw;
    width: 75vw;
}
@media only screen and (min-width: 1024px) {
    #img-weights {
        bottom: -4vw;
        right: 2vw;
        width: 38vw;
    }
}

#img-earth-1 {
    bottom: -30vw;
    right: 19vw;
    width: 50vw;
}
@media only screen and (min-width: 1024px) {
    #img-earth-1 {
        top: -4vw;
        bottom: unset;
        right: 4vw;
        width: 30vw;
        animation: scale 3s ease-out 1s infinite alternate;
    }

    #img-earth-2 {
        bottom: -5vw;
        left: 5vw;
        width: 20vw;
        animation: scale 3s ease-out 0s infinite alternate-reverse;
    }

    #img-earth-3 {
        bottom: -10vw;
        right: 18vw;
        width: 10vw;
        animation: scale 3s ease-out 2s infinite alternate-reverse;
    }

    #img-earth-4 {
        top: 22vw;
        left: 32vw;
        width: 10vw;
        animation: scale 3s ease-out .5s infinite alternate;
    }
}

#img-cd {
    top: 18vh;
    right: 1rem;
    width: 50vw;
}

@media only screen and (min-width: 1024px) {
    #img-cd {
        top: 10vh;
        right: 2vw;
        width: 26vw;
    }
}

#img-headphones {
    bottom: 18vh;
    left: 10vw;
    width: 48vw;
}
@media only screen and (min-width: 1024px) {
    #img-headphones {
        bottom: 4rem;
        left: 8vw;
        width: 25vw;
    }
}