I am trying to modify a fork from codepen to blend three animated circles (cyan, magenta, yellow) using
No, mix-blend-mode does not need to be on the svg element, you can use it on all HTML elements. Source
To achieve the desired result in your specific case, add
mix-blend-mode: multiply; to .quadrant in the CSS section.