JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product">
    <a href="productpage.php">
        <img id="productimage0" class="productimage" src="images/prod.jpg" style="border:0" alt=" " />
    </a>
</div>

CSS

.product {
    width:200px;
    position:relative;
    background:eee;
}
.product img {
    width:100%;
    height:300px;
    display:block;
    background:#ddd;    
}
.product img:after {
    content: "20% Off!";
    padding:5px;
    position:absolute;
    top:0;
    right:0;
    z-index:3;
    color:#fff;
    background:#c00;
}