.water {
        background-repeat: repeat-x;
        animation: animate 10s linear infinite;
        top: 50%;
        left: 50%;
        z-index: 0;
    }
    @keyframes animate {
        0% {
            background-position: 0 150px;
        }
        10% {
            background-position: 0 100px;
        }
        40% {
            background-position: 1000px -70px;
        }
        80% {
            background-position: 2000px -80px;
        }
        100% {
            background-position: 2500px 100px;
        }
    }