JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">
        Text Block 1
    </div>
</div>

<div class="parent">
    <div class="child">
        Text Block 2
    </div>
</div>

CSS

.parent {
    min-height: 200px; min-width: 200px;
    border: 1px solid red;
}

.child {
    display: none;
}

.parent:hover .child {
    display: block;
}