JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<div class="">
	<div class="row">
		<div class="col-md-12 column">
			<div class="row clearfix pink">
				<div class="col-md-12 column">
					<h3 class="text-center text-institucional">
						h3. Lorem ipsum dolor sit amet.
					</h3>
                    <div class="relative text-center">
                    <img src="http://placehold.it/183x159/" alt="" class="center-block">
                    </div>
				</div>
			</div>
			<div class="row clearfix grey">
				<div class="col-md-12 column">
				</div>
			</div>
			<div class="row clearfix pink">
				<div class="col-md-12 column">
                     <article class="text-institucional text-justify">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi doloribus nemo, minima quae unde quaerat alias eum deleniti sed. Dolorum excepturi at nisi dignissimos sunt reprehenderit eos fugiat expedita nam.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis officia quam quae dignissimos illum dolore odio itaque consequuntur fuga! Illo ipsa eaque similique in iure expedita dolorem dolorum et laboriosam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum totam accusantium, necessitatibus placeat quisquam assumenda, adipisci ducimus sunt doloribus beatae! Officiis ad eius, atque saepe facilis. Voluptates magni illo aspernatur?</p>
                    </article>
				</div>
			</div>
		</div>
	</div>
</div>

CSS

#institucional { background: #fff; position: relative; }

.wrapper { width: 100%; min-height: 100%; height: 100%; display: table; }

.pink { min-height: 32%; max-height: 32%; height: 100%; background: #e1dcff; padding: 30px 0 0; }
.image { min-height: 28%; max-height: 28%; background: #fff; clear: both; }
.grey { height: auto; background: #f5f5f5; clear: both; padding: 30px 0; }

.title-institucional { color: #000; }
.text-institucional { font-size: 15px; font-weight: 400; line-height: 1.5; }
.relative { position: relative; top: 50px }