.section-promote {
    position: relative;
    z-index: 1;
}

.cricle {
    width: var(--width);
    height: var(--height);
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: var(--x);
    left: var(--y);
    transform: rotate(80deg) translate(0, 0) scale(1);
    ;
    animation: up var(--time) infinite linear reverse;
}

@keyframes up {
    0% {
        opacity: 1;
        transform: rotate(80deg) translate(-600px, 0) scale(1);
    }
}