JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container content-color">
    <div class="row">
        <div class="col-md-12">
            <img class="img-responsive" src="http://placehold.it/1140x360">
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div class="circle center-block"></div>
        </div>
        <div class="col-md-4">
            <div class="circle center-block"></div>
        </div>
        <div class="col-md-4">
            <div class="circle center-block"></div>
        </div>
    </div>
</div>

CSS

.circle {
	background-color: #48c1b0;
	height: 150px;
	width: 150px;
	border-radius: 50%;
}

body {
    background-color: blue;
}

.content-color {
    background-color: red;
}
}