JSFiddle - React, Tailwind, and code Playground

HTML

<div class="welcome-inputs">
            
              <div style="width: 100%;" class="welcomeforms left">
<img width="100%" src="http://news.bbcimg.co.uk/media/images/71832000/jpg/_71832498_71825880.jpg">
              </div>
              
              <div style="width: 100%;" class="welcomeforms right">
<img width="100%" src="http://news.bbcimg.co.uk/media/images/71832000/jpg/_71832498_71825880.jpg">
              </div>
              
          </div>

CSS

.welcome-inputs {
    float: none;
    margin: 0 auto;
    width: 80%;
    background:white;
    height:100px;
}

.welcomeforms {
    color: #6B6B6B;
    margin: 0 auto;
    width: 100px !important;
}


.left {
float: left;
border-right: 3px solid red;
}

.right {
    float: right;
}

body {
    background:blue;
}