JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div id="left">
        <img src="http://cs407019.userapi.com/v407019850/5bf2/XBoW8fQ4e4Q.jpg">
        <div></div>
    </div>
    <div id="right">
        <div></div>
    </div>
</div>

CSS

.wrapper {
    float: left;
    width: 100%;
    max-width: 800px;
}
#left {
   margin-right:110px; 
   float:left;
}

img {
    max-width: 100%;
}

#left div {
    width: 100%;
    height: 25px;
    background: #c5c5c5;
    float: left;
}

#right div {
    margin-top:10px;
    width: 100%;
    height: 55px;
    background: green;
}
#right {
    width: 100px;
    height: 200px;
    background: red;
    float: left;
    margin-left:-100px;
}