.hero {
    background-attachment:fixed;
    background-color: var(--si-primary);
    background-image: linear-gradient(to top, rgba(0,0,0,0.4) 0%, var(--si-dark) 100%), url(/img/foundry_4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-waves {
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
}

.wave1 use {
    animation: move-forever1 10s linear infinite;
    animation-delay: -2s;
}

.wave2 use {
    animation: move-forever2 7s linear infinite;
    animation-delay: -2s;
}

.wave3 use {
    animation: move-forever3 20s linear infinite;
    animation-delay: -2s;
}

@keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%);
    }

    100% {
        transform: translate(-90px, 0%);
    }
}

@keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%);
    }

    100% {
        transform: translate(85px, 0%);
    }
}

@keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%);
    }

    100% {
        transform: translate(85px, 0%);
    }
}