JSFiddle - React, Tailwind, and code Playground

HTML

<div id="thumb-1" class="thumb">
    <span id="info-2" class="blurb">First Blurb</span>
</div>

<div id="thumb-2" class="thumb">
    <span id="info-2" class="blurb">More Info Goes Here</span>
</div>

CSS

#thumb-1{
    width: 200px;
    height: 200px;
    background-color: #c00;
    float:left;
}

#thumb-2{
    width: 200px;
    height: 200px;
    background-color: #59a5d1;
    float:left;
}

.thumb > span { display:none; }
.thumb:hover > span { display: inline; }