JSFiddle - React, Tailwind, and code Playground

HTML

<div class="quote">
<div style="float: right; width: 80%; padding: 0px 20px 25px 15px;">
<h2 style="text-align: center;">“Remarkable quick progress”</h2>
Suspendisse sagittis nunc vitae metus mattis, viverra facilisis nunc imperdiet. Proin laoreet commodo ex vel aliquet. Sed eleifend in leo ac hendrerit. Nulla convallis enim sed nisi maximus, id placerat risus aliquam. Vivamus mattis vitae arcu at venenatis. Curabitur sollicitudin gravida quam, quis posuere magna commodo consectetur. Aenean feugiat urna eget felis ultrices fringilla. Morbi ornare, orci non pretium ultricies, odio felis lobortis tellus, ac sagittis lectus tellus cursus leo. Pellentesque accumsan at metus at feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et euismod ante, quis blandit velit. Nulla nec diam eget orci semper hendrerit. Nullam eu commodo urna, eu volutpat neque. 
</div>
<div style="float: left; width: 20%;"><img width="150" height="150" alt="Speak English clearly testimonial. Accent and pronunciation training" src="http://speakmoreclearly.com/wp-content/uploads/2013/10/IMG_20141004_224712_edit_edit_edit_edit_edit1_edit1-1-300x300.jpg" style="margin-left: 25px; margin-top: -12x;" class="img-circle alignnone size-medium wp-image-7447"></div>
</div>
</div>

CSS

.quote{
    border: 8px none;
    padding: 15px;
    background-color: #f7f7f7 !important;
    overflow: auto;
}

body {
    background: red;
}