JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
  <div id="inner">Inner DIV</div>
</div>

CSS

#inner{width:50px;height:50px;background:green;transition:0s display;}

#outer{width:200px;height:200px;background:orangered;}
#outer{display:flex;justify-content:center;align-items:center;}

#outer:hover #inner{display:none;transition-delay:1s;}