JSFiddle - React, Tailwind, and code Playground

HTML

<div id="image"><img src="http://placekitten.com/200/"/></div>

<div id="hover">Test message</div>

CSS

#hover {
    display: none;
    position: relative;
    top: -25px;
}

#image:hover {
    opacity: .7;
}

#image:hover + #hover {
    display: block;
}