JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section">
<p>Heyyyy</p>
<div class="description"> HELLO </div>
</div>

CSS

.description {
  display: block;
  opacity: 0;
  text-align: left;
  height: 130px;
  padding-top: 50px;
  width: 70%;
  max-width: 700px;
  margin: 0 auto;
   color:red;
}
img:hover ~ .description {opacity:1;}