<style>
    .water-waves {
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 1px solid silver;
      text-align: center;
      line-height: 50px;
      animation: water-waves linear infinite;
    }
  
    .water-wave1 {
      position: absolute;
      top: 40%;
      left: -25%;
      background: #33cfff;
      opacity: 0.7;
      width: 200%;
      height: 200%;
      border-radius: 40%;
      animation: 