JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <text id="thingyouhoverover" x="50" y="35" font-size="14">Mouse over me!</text>
    <text id="thepopup" x="250" y="100" font-size="30" fill="black" visibility="hidden">Change me
    </text>
</svg>

CSS

text:hover + text {
   visibility: visible; 
}