JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

<div class="col span_2_of_3 content">
	<img src="http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg" />
	</div>
	<div class="col span_1_of_3 box2">
        <div class='innerContent'> This is column 2 </div>
	</div>
    
    <div style="clear:both;"></div>
    
</div>

CSS

body { margin:0; padding:0; }

.wrapper { border:1px solid green; width:900px; margin:0px auto; }

.content {
    width: 100%; /* or whatever is required */
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
}

img {
    position: relative; /* allows repositioning */
    left: 100%; /* move the whole width of the image to the right */
    margin-left: -200%; /* magic! */
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:0;
}
.col:first-child { margin-left: 0; }

.box { background-color: #ccc; }
.box2 { background-color: red; }
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 33.8%;  
}

.innerContent{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

JavaScript

var leftDivHeight = $('.span_2_of_3').height();
$('.span_1_of_3').css('height',leftDivHeight);