JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wraper">
<div class="container-2col-nm">
  <div class="box-2col-nm-1">
		<img height="200" src="http://www.onvia.com/sites/default/files/promo_the_experience.png" width="350"></div>
<div class="box-2col-nm-2">
		<img height="200" src="http://www.onvia.com/sites/default/files/icon_careers_the_value_350x200.png" width="350"></div>
</div>
<p><img alt="Find Opportunities" height="86" src="http://www.onvia.com/sites/default/files/test_banner_more_info.png" width="720"></p>

</div>

CSS

.wrapper {
  width: 820px;
}

.container-2col-nm {
    display: flex;
    /* justify-content: center; */
}

.container-2col-nm > div {
    margin: 0;
    padding: 0;
    text-align: left;
}

.box-2col-nm-1 {  /* width: 50%; */ }

div.box-2col-nm-2 {
    /* width: 50%; */
    margin-left: auto;
}