inherit;
      animation-duration: 5s;
    }
  
    .water-wave2 {
      position: absolute;
      top: 45%;
      left: -35%;
      background: #0eaffe;;
      opacity: 0.5;
      width: 200%;
      height: 200%;
      border-radius: 35%;
      animation: inherit;
      animation-duration: 7s;
    }
  
    .water-wave3 {
      position: absolute;
      top: 50%;
      left: -35%;
      background: #0f7ae4;
      opacity: 0.3;
      width: 200%;
      height: 200%;
      border-radius: 33%;
      animation: