JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
Larger Image
</h1>

<div class="owner-address col-xs-12">
  <div class="owner-info-container">
    <h3>Address</h3><br/>
    <span class="owner-info">
      <span class="header">Owner Name</span><br/>
      <span>Name goes here</span>
    </span>
  </div>
  <div class="primary-image-container">
    <img src="http://wallpaper.pickywallpapers.com/1920x1080/half-life-2-episode-2-art.jpg" />
  </div>
</div>

<hr>

<h1>
Smaller Image
</h1>

<div class="owner-address col-xs-12">
  <div class="owner-info-container">
    <h3>Address</h3><br/>
    <span class="owner-info">
      <span class="header">Owner Name</span><br/>
      <span>Name goes here</span>
    </span>
  </div>
  <div class="primary-image-container">
    <img src="https://c2.staticflickr.com/4/3060/2570988246_b6d7309361.jpg" />
  </div>
</div>

CSS

html, body {
  margin: 0;
  padding: 0;
}

.owner-address {
  display: flex;
  align-items: center;
}

.owner-info-container {
  flex-grow: 1;
  background-color: #C8C8C8;
}

img {
  max-width: 500px;
}