JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="containerLeft">
        <h2>1.</h2>
        <p>First, let's play a video.</p>
    </div>
    <div class="containerRight">
        <img src="http://tctechcrunch2011.files.wordpress.com/2012/09/michael-headshot-red.jpg?w=288" />
    </div>
</div>

CSS

.containerLeft, .containerRight {
    float: left;
}

.containerLeft {
    width:38%;
    padding: 5px;
    background-color: red;
    padding-bottom: 1005px;
    margin-bottom: -1000px;
}

.outer { overflow: hidden; }

.containerRight {
    width: 58%;
}
.containerRight img {
    display: block
}