JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <circle r="250" cx="275" cy="275" stroke="#FF0000" fill="none" stroke-width="50"></circle>
    <circle r="250" cx="275" cy="275" stroke="#00FF00" fill="none" stroke-width="50"></circle>
</svg>

CSS

svg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}