JSFiddle - React, Tailwind, and code Playground

by nomelnomel

HTML

<div class='container'>
    <div class='description'>
        This is description
    </div>
</div>

CSS

.container{
    border:1px solid gray;
    height:150px;
    width:200px;
    background-image:    url("http://i934.photobucket.com/albums/ad184/giangvy1011/trade_zps7af1d79c.png");
    background-size:100% 100%;

    
}

.description{
    position:relative;
    top:100px;
    height:50px;
    width:200px;
    background:rgba(215,40,40,0.9); 
    color:white
}
.container:hover .description{
    display:none;
}