.bcg_elements_wriper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: grid;
    height: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    z-index: 1
}

.bcg_element1 {
    background-image: url('../assets/bcg_elements/-svg-01.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 60s linear infinite;
    -moz-animation: animatedBackground 60s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
    -o-animation: animatedBackground 60s linear infinite;
    animation-direction: reverse;
}

.bcg_element2 {
    background-image: url('../assets/bcg_elements/-svg-02.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
    -o-animation: animatedBackground 40s linear infinite;
    animation-direction: reverse;
}

.bcg_element3 {
    background-image: url('../assets/bcg_elements/-svg-03.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 50s linear infinite;
    -moz-animation: animatedBackground 50s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
    -o-animation: animatedBackground 50s linear infinite;
}

.bcg_element4 {
    background-image: url('../assets/bcg_elements/-svg-04.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 60s linear infinite;
    -moz-animation: animatedBackground 60s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
    -o-animation: animatedBackground 60s linear infinite;
    animation-direction: reverse;
}

.bcg_element5 {
    background-image: url('../assets/bcg_elements/-svg-05.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 50s linear infinite;
    -moz-animation: animatedBackground 50s linear infinite;
    -webkit-animation: animatedBackground 50s linear infinite;
    -o-animation: animatedBackground 50s linear infinite;
}

.bcg_element6 {
    background-image: url('../assets/bcg_elements/-svg-06.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
    -o-animation: animatedBackground 40s linear infinite;
    animation-direction: reverse;
}

.bcg_element7 {
    background-image: url('../assets/bcg_elements/-svg-07.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 50s linear infinite;
    -moz-animation: animatedBackground 50s linear infinite;
    -webkit-animation: animatedBackground 50s linear infinite;
    -o-animation: animatedBackground 50s linear infinite;
}

.bcg_element8 {
    background-image: url('../assets/bcg_elements/-svg-08.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 60s linear infinite;
    -moz-animation: animatedBackground 60s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
    -o-animation: animatedBackground 60s linear infinite;
    animation-direction: reverse;
}

.bcg_element9 {
    background-image: url('../assets/bcg_elements/-svg-09.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 80s linear infinite;
    -moz-animation: animatedBackground 80s linear infinite;
    -webkit-animation: animatedBackground 80s linear infinite;
    -o-animation: animatedBackground 80s linear infinite;
}

.bcg_element10 {
    background-image: url('../assets/bcg_elements/-svg-10.svg');
    background-repeat: repeat-y;
    animation: animatedBackground 90s linear infinite;
    -moz-animation: animatedBackground 90s linear infinite;
    -webkit-animation: animatedBackground 90s linear infinite;
    -o-animation: animatedBackground 90s linear infinite;
    animation-direction: reverse;
}

@keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 1000px/* анимируем свойство background-position */
    }
}


/* Mozilla Firefox 5.0+ */

@-moz-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 1000px
    }
}


/* Safari 4.0+, Chrome 4.0+ */

@-webkit-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 1000px
    }
}


/* Opera 12.0+ */

@-o-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 1000px
    }
}