JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<strong class="overlap hoverOn">Hello1</strong>
<strong class="overlap hide">someText</strong>
</div>

CSS

div
{
  position:relative;
}
.overlap
{
  position:absolute;
  top:0; left:0;
}
.hide { 
    display: none;
    background: red;
}
    
.hoverOn:hover + .hide {
    display: block;
}