img height demo

by Julien Etienne

HTML

<div class="container">
    <div class="lhs">
     <h2>
     72% OF TODAYS CUSTOMERS ADDED SHAVE GEL TO THEIR SUBSCRIPTION TOO
     </h2>

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    <div class="rhs"></div>
</div>

CSS

.container {
    border:3px solid red;
    display:table;
    padding: 1rem;
}
.container>div {
    display:table-cell;
    width:50%;
    height:inherit;
}
.container > div.rhs {
    background-image:url('https://s3-eu-west-1.amazonaws.com/csprd-uploads/5734f58b6214c.png');
    background-size:cover;
    background-repeat:no-repeat;
}