JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="colomn pic">
        
    </div>
    <div class="colomn green">
        You didn't really think we'd wrap up our endless, mischievous mystery riddles just like that, did you? Well, the Mystery continues! To celebrate the launch of the SmashingConf NYC 2015, we’ve prepared a new mystery riddle, and this one will be an exercise in patience and stubborness. No, it's not going to be an easy one this time either, but the reward is definitely worth the effort.
    </div>
</div>

CSS

.box {
     background: #81821C;
     min-height: 400px;
}

.colomn {
    width: 50%;
   min-height: 400px;
    float: left;
}

.colomn.pic {
    background: url(http://works.drawcrowd.com/assets/images/images/000/224/448/large/007d82f2af216ef4f5481e1f2f2a7378bd10d239.jpg?1418135435) 0 50% no-repeat;
    background-size: cover;
}