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">
  
  <label for="Name"><strong> Your Name:</strong></label>
<input type="text" id="Name_First" name="Name_First" required>
<input type="text" id="Name_Last" name="Name_Last" required>   

<label for="Email">Email Address:</label>
<input type="email" id="Email" name="Email" vrequired>

<label for="RegPassword">Password:</label><input type="password" id="RegPassword" name="RegPassword" required>
    </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;
}

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



form{
    max-width: 500px;
    background: #d4d4d4;
    padding: 20px;
}

form label {display: block;}
input{padding: 7px 0;font-size: 25px;}
input[type="text"]{width:48.2%;}
input[type="email"],input[type="password"]{width: 98%;}
}