JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" 
         viewBox="0 0 160 120"> 
      <g> 
        <g id="two"> 
          <circle fill="orange" cx="100" cy="95" r="20"/> 
        </g> 
          
        <g id="one"> 
          <circle fill="green" cx="100" cy="105" r="20"/> 
        </g> 
      </g> 
</svg>

CSS

#one{
    position:absolute;
    z-index:1;
}
#two{
    position:absolute;
    z-index:-1;
}