JSFiddle - React, Tailwind, and code Playground

by Grig

HTML

<div class="bckg">
    <div class="shadow">
        <p>Text</p>
    </div>
</div>

CSS

div.bckg{
    background:url('http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png')no-repeat center;
    
}
div.shadow{
    background:#ff0;
    min-width:200px;
    min-height:200px;
}
div.shadow:hover{
    background:none;
}