JSFiddle - React, Tailwind, and code Playground

by swamimayank

HTML

<div class="container">
<div class="containerLeft">
                <h2>1.</h2>
                <p>First, let's play a video.</p>
            </div>
            <div class="containerRight">
                <img src="http://i.huffpost.com/gen/784725/thumbs/s-OBAMA-60-MINUTES-large300.jpg" /></div>

             </div>

CSS

.container {
    position: relative;
}

.containerLeft {
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width:38%;
    padding: 2%;
    background-color: crimson;
}

.containerRight {
    margin: 0 0 0 42%;
    width: 58%;
    background: dodgerblue;
}
img {display:block;
 max-width: 100%;
    height: auto;
    width: auto;   
}