.ocean {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #015871;
    opacity: 1;
}
.wave {
    background: url(1.png) repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.4;
}
.wave:nth-of-type(2) {
    background: url(2.png) repeat-x !important;
    top: -175px;
    animation: wave 4s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 0.6;
}
.wave:nth-of-type(3) {
    background: url(3.png) repeat-x !important;
    top: -155px;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.150s infinite, swell 4s ease -1.5s infinite;
    opacity: 1;
}
.wave:nth-of-type(4) {
    background: url(4.png) repeat-x !important;
    top: -135px;
    animation: wave 3s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.175s infinite, swell 6s ease -1.75s infinite;
    opacity: 1;
}
@keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}
@keyframes swell {
    0%, 100% {
        transform: translate3d(0, -25px, 0);
    }
    50% {
        transform: translate3d(0, 5px, 0);
    }
}