@media (min-width: 991px) {
    .el-circles {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    div[class^="el"] {
        position: absolute;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    
    div[class^="el"] span {
        display: inline-block;
        position: absolute;
        border-radius: 50%;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .el-circles .circle1,
    .el-circles .circle2 {
        position: absolute;
        visibility: inherit;
        animation: upDown 15s infinite;
    }
    
    .el-circles .circle1 {
        top: 150px;
        right: 247px;
        background: url("../img/el_circle1.png");
    
        width: 106px;
        height: 106px;
    
        --start-animation: 150px;
        --end-animation: 100px;
    }
    
    .el-circles .circle2 {
        top: var(--start-animation);
        left: 560px;
        background: url("../img/el_circle2.png");
        visibility: inherit;
    
        width: 213px;
        height: 213px;
    
        --start-animation: 150px;
        --end-animation: 250px;
    }
    
    .el-circles span[class^="circle-light"] {
        background-color: rgba(255,255,255,.2);
        border-radius: 50%;
        animation: upDown 15s infinite;
    }
    
    .el-circles .circle-light1 {
        top: var(--start-animation);
        left: 760px;
    
        width: 25px;
        height: 25px;
    
        --start-animation: 210px;
        --end-animation: 150px;
    }
    
    .el-circles .circle-light2 {
        top: var(--start-animation);
        left: 200px;
    
        width: 150px;
        height: 150px;
        --start-animation: 510px;
        --end-animation: 470px;
    }
    
    .el-circles .circle-light3 {
        bottom: var(--start-animation);
        right: 600px;
    
        width: 100px;
        height: 100px;
    
        --start-animation: 100px;
        --end-animation: 150px;
        animation: upDown2 15s infinite !important;
    }
    
    .el-circles .circle-light3 {
        bottom: var(--start-animation);
        right: 600px;
    
        width: 100px;
        height: 100px;
    
        --start-animation: 100px;
        --end-animation: 150px;
        animation: upDown2 15s infinite !important;
    }
    
    .el-circles .circle-light5 {
        top: var(--start-animation);
        right: 400px;
    
        width: 50px;
        height: 50px;
    
        --start-animation: 510px;
        --end-animation: 540px;
        animation: upDown 15s infinite !important;
    }
    
    .el-circles .circle-light6 {
        top: var(--start-animation);
        right: 400px;
    
        width: 25px;
        height: 25px;
    
        --start-animation: 500px;
        --end-animation: 530px;
        animation: upDown 15s infinite !important;
    }
    
    @keyframes upDown {
        0% { top: var(--start-animation); }
        50% { top: var(--end-animation); }
        100% { top: var(--start-animation); }
    }
    
    @keyframes upDown2 {
        0% { bottom: var(--start-animation); }
        50% { bottom: var(--end-animation); }
        100% { bottom: var(--start-animation); }
    }
}