$<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" id="blue-water">
  <defs>
    <linearGradient id="water-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#00aaff" />
      <stop offset="100%" stop-color="#0077cc" />
    </linearGradient>
  </defs>
  <rect width="200" height="100" fill="url(#water-gradient)" id="water-background" />
  <path d="M0,70 Q25,90 50,70 T100,70 T150,70 T200,70" fill="none" stroke="#ffffff" stroke-width="2" id="wave1" />
  <path d="M0,80 Q25,100 50,80 T100,80 T150,80 T200,80" fill="none" stroke="#ffffff" stroke-width="2" id="wave2" />
</svg>