JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg">
    <span class="overlay">text</span>
</div>

CSS

.bg {
    background-color: #e0e0e0; /* You can use an image instead */
}
.overlay {
    display: block;
}
.overlay:hover {
    background-color: rgba(0, 255, 255, 0.3);
}