.wave {
    background: radial-gradient(ellipse at center, #fff 0%, #fff 70%, transparent 74%);
    background-size: 60px 45px;
    background-position: 0px top;
    background-repeat: round no-repeat;
    width: 100%;
    height:100%;
    position: relative;
    top:-20px;
    
    -webkit-animation: backandforth 90s ease 0s, rise ease-in-out 5s;
    -webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes backandforth {
    0% {
        background-position: 0px top;
    }
    50% {
        background-position: 700px top;
    }
    100% {
        background-position: 0px top;
    }
}

@-webkit-keyframes rise {
    0% {
        top:-20px;
    }
    50% {
        top:-30px;
    }
    100% {
        top:-20px;
    }
}