.wave1 {
    fill: rgba(255, 255, 255, 0.3);
    animation: wave-animation 18s linear infinite;
}

.wave2 {
    fill: rgba(255, 255, 255, 0.2);
    animation: wave-animation 12s linear infinite;
}

@keyframes wave-animation {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.wave-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    line-height: 0;
}