@keyframes watermove {
    0% {
      transform: translateY(0%); 
    }
    33% {
      transform: translateY(-1%);
    }
    66% {
        transform: translateY(1%);
      }
    100% {
        transform: translateY(0%);
      }
  }
  
  .water {
    animation: watermove 10s infinite alternate; 
  }
  
  @keyframes watermove1 {
    0% {
      transform: translateY(0%); 
    }
    33% {
      transform: translateY(-1%);
    }
    66% {
        transform: translateY(1%);
      }
    100% {
        transform: translateY(0%);
      }
  }
  
  .water1 {
    animation: watermove1 10s infinite alternate; 
  }
  
  @keyframes watermove2 {
    0% {
      transform: translateY(0%); 
    }
    33% {
      transform: translateY(-1%);
    }
    66% {
        transform: translateY(1%);
      }
    100% {
        transform: translateY(0%);
      }
  }
  
  .water2 {
    animation: watermove2 10s infinite alternate; 
  }
  
  @keyframes watermove3 {
    0% {
      transform: translateY(0%); 
    }
    33% {
      transform: translateY(-1%);
    }
    66% {
        transform: translateY(1%);
      }
    100% {
        transform: translateY(0%);
      }
  }
  
  .water3 {
    animation: watermove3 10s infinite alternate; 
  }
  
  @keyframes watermove4 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water4 {
    animation: watermove4 10s infinite alternate; 
  }
  
  @keyframes watermove5 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water5 {
    animation: watermove5 10s infinite alternate; 
  }
  
  @keyframes watermove6 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water6 {
    animation: watermove6 10s infinite alternate; 
  }

  @keyframes watermove7 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water7 {
    animation: watermove7 10s infinite alternate; 
  }

  @keyframes watermove8 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water8 {
    animation: watermov8 10s infinite alternate; 
  }

  @keyframes watermove9 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water9 {
    animation: watermove9 10s infinite alternate; 
  }

  @keyframes watermove10 {
    0% {
      transform: translateX(0%); 
    }
    33% {
      transform: translateX(-1%);
    }
    66% {
        transform: translateX(1%);
      }
    100% {
        transform: translateX(0%);
      }
  }
  
  .water10 {
    animation: watermove10 10s infinite alternate; 
  }