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;
}

JavaScript

$(".thumb").hover(

function() {
    $(".blurb").show();
}, function() {
    $(".blurb").hide();
}

);