JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://messages4u.ubhape2.com/css/messages4u-v2.css">
<div class="overlay" 
<p>Pirate Flag is licensed under Creative Commons and was created by A47. The image may be found <a href="http://commons.wikimedia.org/wiki/File:Pirates_of_the_Caribbean,_Desert_Operations.jpg" target="_blank">here</a>. </p>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis bibendum felis at rhoncus. Fusce fringilla orci nec magna auctor quis molestie quam imperdiet. Nullam feugiat arcu eget mauris suscipit elementum eget a risus. Maecenas convallis nisi ac odio commodo non aliquet dolor placerat. Cras eros arcu, vehicula eget ultricies iaculis, vulputate vitae neque. Phasellus ullamcorper, leo euismod vulputate facilisis, odio nunc elementum ante, eget placerat justo justo pellentesque est. Pellentesque vel lorem at justo vestibulum varius</p>

CSS

body{ 
        background: url(http://www.ubhape2.com/2012/images/september/pirate-flag.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* Cover for IE 7/8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ubhape2.com/2012/images/september/pirate-flag.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ubhape2.com/2012/images/september/pirate-flag.jpg', sizingMethod='scale');
    /* End Cover for IE 7/8 */
    background-size: cover;
    background-color: transparent !important;
    
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
        max-width:2500px;
    max-height:1500px;
    min-height: 100%;
    min-width: 100%;

    
        } 

.overlay{
    background: rgb(0, 0, 0); /*Fallback */
    background: rgba(0, 0, 0, 0.5); 
    padding: 5px 5px; 
    position:relative;
}