JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
	    <div class="col-sm-12">
			<img id="map" src="http://s28.postimg.org/93p3gbsgt/map.png" class="img-responsive">
			<img id="balloon" src="http://s16.postimg.org/iprmqk8up/balloon.png">
	    </div>
    </div>
</div>

CSS

#map {
    position:relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#balloon {
    position: absolute;
    z-index: 2000;
    top: 52%;
    left: 52%;
    width: 15%;
}