<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50">

        <path class="polymorph" d="M 0 50 C 0 36.744 5.271 24.018 14.645 14.645 C 24.018 5.271 36.744 0 50 0 C 63.256 0 75.982 5.271 85.355 14.645 C 94.729 24.018 100 36.744 100 50" stroke="green" fill="none"/>
        <path d="M 0 50 C 8.333 50 16.667 50 25 50 C 33.333 50 41.667 50 50 50 C 58.333 50 66.667 50 75 50 C 83.333 50 91.667 50 100 50" stroke="red"/>
</svg>

anime({
  targets: '.polymorph',
  d: [
    "M 0 50 C 0 36.744 5.271 24.018 14.645 14.645 C 24.018 5.271 36.744 0 50 0 C 63.256 0 75.982 5.271 85.355 14.645 C 94.729 24.018 100 36.744 100 50",
    "M 0 50 C 8.333 50 16.667 50 25 50 C 33.333 50 41.667 50 50 50 C 58.333 50 66.667 50 75 50 C 83.333 50 91.667 50 100 50"
  ],
  easing: 'easeOutQuad',
  duration: 2000,
  loop: true
});