JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="backText">
     Some text to be hovered
  </div>
  
  <div>
    
    <input type="text" class="cl1"/>
  </div>
</div>

CSS

.cl1{
  pointer-events:none;
  position:absolute;
  top:0px;
  opacity:0.7;
  height: 30px;
}

.cl1:focus{
  opacity:1;
}

.backText:hover{
  color:red;
}