JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ligula ut nunc dignissim molestie.
    <img src="http://lorempixel.com/output/people-q-c-150-100-1.jpg" alt="" />
</p>

CSS

p {
    position:relative;
}
p:after {
    content:'';
    position:absolute;
    top:0;left:0;
    width:100%; height:100%;
    background:#000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity:.6;
    z-index:-1;
}



/*** following just for demo styles  ***/
 body {
    background:url(http://lorempixel.com/output/people-q-c-640-480-9.jpg) no-repeat;
    background-size:cover;
}
p {
    width:50%;
    padding:1em;
    margin:10% auto;
    font-family:arial, serif;
    color:#fff;
}
img {
    display:block;
    margin:.6em auto;
}