JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
  <article>
      <div></div>
  </article>
</body>

CSS

article{
    width: 100px;
    height: 100px;
    background: #ccc;
}
article div{
    width: 100px;
    height: 100px;
    background: #999;
    position: absolute;
    left: 100px;
    display: none;
}
article:hover div{
    display: block;
}
article div:hover{
    display: none;
}