<div class="img-wrap">
  <img src="https://img-9gag-fun.9cache.com/photo/axzMvoW_460s.jpg" alt="">
  <p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, doloribus exercitationem nam perspiciatis magnam cumque aliquam doloremque illo, veritatis, culpa ducimus odio tempore a voluptate! Aspernatur ea illo possimus voluptatem.</p>
</div>

.img-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  border: 1px solid #000;
}
.text {
  opacity: 0;
  transition: opacity .8s;
}

img:hover ~ .text{
  opacity: 1;
}