@media screen and (max-width:715px) {
    .waveWhite{
        display: none;
    }    
}

@media only screen and (min-width:716px) and (max-width:5000px) {
    .waveWhite{
        width: 3000px;
        height: 60px;
        position: absolute;
        bottom: 0px;
        left: 0;
        background-image: url(../assets/imagenes/wave_white.svg);
        
        background-position: bottom;
    }
    
    .ww1{
        animation: w1 6s linear infinite;
    }
    
    .ww2{
        animation: w2 12s linear -.125s infinite, desplazamiento 7s ease -.125s infinite;
        opacity: 0.5;
    }
    
    @keyframes w1 {
        0%{
            margin-left: 0;
        }
        100%{
            margin-left: -600px;
        }
    }
    
    @keyframes w2 {
        0%{
            margin-left: 0;
        }
        100%{
            margin-left: -600px;
        }
    }
    
    @keyframes desplazamiento {
        0%, 100%{
            transform: translateY(-15px);
        }
    
        50%{
            transform: translateY(5px);
        }
    }
}