JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cs-container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3 csmodal">
            <h1 id="cs-headline">Website Launching Soon</h1>
            <div id="cs-description">
                <p style="text-align: center;">The launch of our official website is coming soon. Stay tuned!</p>
            </div>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                    </div>
                </div>
            </form>
        </div>
    </div> </div>

CSS

body{
    background:grey;
}
.csmodal {
    height: 300px;
    width: 600px;
    background-color: rgba(125, 111, 76, .5);
    background-image:url('https://upload.wikimedia.org/wikipedia/en/2/2d/SRU-Logo-Transparent.png');
    background-size:contain;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');
    float: none;
    display: inline-block;
    padding: 30px;
    margin: 200px auto;
    opacity: 1;
}

.cs-container {
    margin-right: auto;
    margin-left: auto;
}

#cs-headline {
    margin-bottom: 20px;
}

#cs-description {
    font-size: 14px;
    line-height: 20px;
    color: #eeee22;
}

h1 {
    margin: 10px 0;
    text-rendering: optimizelegibility;
    color: #eeee22;
}