JSFiddle - React, Tailwind, and code Playground

HTML

<section class="imageform">

<div class="container">
<div class="title">
<h1>  Title Title Title Title </h1>
<h3> Title Title Title, Title Title </h3> 
</div>

 <form class="signup_form">
  
 

    </form>

</section>  <!--End of imageform section -->

CSS

.container 
{
    max-width:1050px;
    margin: 0 auto; 
}

.imageform {
width: 100%;
display: inline-block;
background: url("http://i.imgur.com/FPmyviO.jpg") no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #000;
}

.title{
 float: left;
 display: block;
 width: 15%;
 margin-left:15%;
}
.signup_form
{
	border: 0px solid;
	float:right;
}