JSFiddle - React, Tailwind, and code Playground

HTML

<div id="opacity_example">
    <p>Hey my name is Bob</p>
</div>
<p id="rgba_example">Hey my name is Bob</p>
<p id="background-image-example">Hey my name is Bob</p>

CSS

div#opacity_example {
    background-color: rgb(255, 0, 0);
    opacity: 0.25;
}
#opacity_example p {
    opacity: 1.0; /* This is not working */
}
#rgba_example {
    background-color: rgba(255, 0, 0, 0.25);
}
#background-image-example {
    background-image: url('http://img11.hostingpics.net/pics/502633red50.png')
}