@keyframes myMove1 {
    0% {
        top: 8.00%;
        left: 0%;
    }
    10% {
        top: 56.67%;
        left: 1%;
    }
    20% {
        top: 5.00%;
        left: 25%;
    }
    30% {
        top: 3.33%;
        left: 20%;
    }
    40% {
        top: 10.67%;
        left: 3%;
    }
    50% {
        top: 38.33%;
        left: 20%;
    }
    60% {
        top: 10.33%;
        left: 32%;
    }
    70% {
        top: 9.33%;
        left: 52%;
    }
    80% {
        top: 2.67%;
        left: 27%;
    }
    90% {
        top: 56.67%;
        left: 50%;
    }
    100% {
        top: 8.00%;
        left: 0%;
    }
}

@keyframes myMove2 {
    0% {
        top: 29%;
        left: 50%;
    }
    10% {
        top: 44%;
        left: 36%;
    }
    20% {
        top: 38%;
        left: 38%;
    }
    30% {
        top: 42%;
        left: 30%;
    }
    40% {
        top: 28%;
        left: 48%;
    }
    50% {
        top: 34%;
        left: 46%;
    }
    60% {
        top: 31%;
        left: 26%;
    }
    70% {
        top: 27%;
        left: 43%;
    }
    80% {
        top: 46%;
        left: 32%;
    }
    90% {
        top: 40%;
        left: 50%;
    }
    100% {
        top: 29%;
        left: 50%;
    }
}

.myMove1 ,.myMove2{
    animation-delay: initial;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.myMove1{
    animation-name: myMove1;
}

.myMove2{
    animation-name: myMove2;
}