@keyframes fadeInOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#element1, #element2, #element3, #element4, #element5, #element6, #element7, #element8 {
    background-color: rgb(255, 145, 0);
    width: 20px;
    height: 20px;
    position: absolute;
    animation: fadeInOut 1s infinite;
}

#element1 {
    left: 0px;
    top: 0px;
    animation-delay: 0ms;
}

#element2 {
    left: 25px;
    top: 0px;
    animation-delay: 125ms;
}

#element3 {
    left: 50px;
    top: 0px;
    animation-delay: 250ms;
}

#element4 {
    left: 50px;
    top: 25px;
    animation-delay: 375ms;
}

#element5 {
    left: 50px;
    top: 50px;
    animation-delay: 500ms;
}

#element6 {
    left: 25px;
    top: 50px;
    animation-delay: 625ms;
}

#element7 {
    left: 0px;
    top: 50px;
    animation-delay: 750ms;
}

#element8 {
    left: 0px;
    top: 25px;
    animation-delay: 875ms;
}


.bas {
    left: 50%;
    position: fixed;
}

.animation1 {
    left: 50%;
    top: 50%;
}