Estou usando os círculos svg no meu projeto assim,

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

E estou usando o z-index nog tag para mostrar os elementos o primeiro. No meu projeto eu preciso usar apenas o valor z-index, mas não posso usar o z-index para meus elementos svg. Eu pesquisei muito, mas não encontrei nada relativamente. Então, por favor me ajude a usar o z-index no meu svg.

Aqui está oDEMONSTRAÇÃO