.animation {
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    background: black;

}

.figure {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    animation-timing-function: linear;
    animation-name: show;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}

.figure-01 {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4%;
    right: 35%;
    animation-delay: 0.1s;


}

.figure-02 {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 4%;
    right: 5%;
    animation-delay: 2s;

}

.figure-03 {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4%;
    right: 5%;
    animation-delay: 4s;

}

.figure-04 {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 8%;
    right: 35%;
    animation-delay: 6s;

}

.figure-05 {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20%;
    right: 15%;
    animation-delay: 8s;

}


@keyframes show {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 0;
    }
}