JSFiddle - React, Tailwind, and code Playground

HTML

<div class="coolText"><img  src="http://i.imgur.com/Rq73e.jpg" />
    <div class="vnutorny">Bla bla bla</div>
</div>




<div class="coolText"><img  src="http://i.imgur.com/Rq73e.jpg" />
    <div class="vnutorny">Bla bla bla</div>
</div>

CSS

div.coolText {
    margin: 2px;
    display: inline-block;
    max-height: 300px;
}
div.vnutorny {
    display: none;
    background-color: #999;
    opacity: 0.8;
    height: 80px;
    position: relative;
    top: -85px;
}
.coolText:hover div.vnutorny {
    display: block;
    background-color: #aaa;
}
img {border:1px solid green;}