JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<span> bla bla</span>
</div>

CSS

div {
    height: 300px;
    width: 300px;
    background: silver;
    position: relative;
}

span {
    display: none;
    height: 300px;
    width: 300px;
    background: yellow;
    position: absolute; 
}

JavaScript

$('div').hover(
  function () {
    $('span').fadeTo('200', '0.5');
  },
  function () {
    $('span').fadeTo('200', '0');
  }
);