<div class="container">
  <span class="right-text" ><br>some more text<br>goes over here<br><br></span>
  <span class="left-image"><img src="http://www.revenueriver.co/hubfs/social-suggested-images/logo-icon.png" ><br>Some text goes here<br><br></span>
</div>
.container {
  width: 96%;
  margin: 0 auto;
}
.left-image  {
  float: left;
  width: 50%;
  height: 300px;
  background-color: #559977;
  text-align: center;
}
.right-text {
  width: 50%;
  height: 300px;
  float: right;
  text-align: center;
  background-color: #995577;
}

@media (max-width:850px) {
  .container {width: 100%;}
  .left-image {float: right;}
  .right-text {float: left;}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.