.ozadje {
    display: table;
    position: relative;
    width: 100vw;
    height: 88vh;
    background-image: url(../img/bg.jpg),
    linear-gradient(rgb(250, 103, 206), rgb(54, 3, 78));
    background-blend-mode: screen;
    background-size: 100vw 88vh;
    z-index: -1;
}

section .val::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 15.543478260869565vh;
    bottom: 0;
    left: 0;
    background-attachment: fixed;
    background: url(../img/wave.png);
    background-size: 100vw 15.543478260869565vh;
    opacity: 0.4;
    animation: animate-reverse 10s linear infinite;
    -webkit-animation: animate-reverse 10s linear infinite;
    z-index: 999;
}

@keyframes animate-reverse {
    0% {
        background-position: 106.25vw;
    }

    100% {
        background-position: 0vw;
    }
}

section .val {
    position: absolute;
    width: 100vw;
    height: 15.543478260869565vh;
    bottom: 0;
    left: 0;
    background-attachment: fixed;
    background: url(../img/wave.png);
    background-size: 100vw 15.543478260869565vh;
    opacity: 0.8;
    animation: animate 10s linear infinite;
    -webkit-animation: animate 10s linear infinite;
    z-index: 999;
}

section .val::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 15.543478260869565vh;
    top: 0;
    left: 0;
    background-attachment: fixed;
    background: url(../img/wave.png);
    background-size: 100vw 15.543478260869565vh;
    opacity: 0.6;
    animation-delay: -5s;
    animation: animate 20s linear infinite;
    -webkit-animation: animate 20s linear infinite;
    z-index: 999;
}

@keyframes animate {
    0%{
        background-position: 0;
    }
    100% {
        background-position: 106.25vw;
    }
}

.val {
     width: 100vw !important;
     height: 15.543478260869565vh !important;
}