JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="row">
        <div class="cell"></div>
        <div class="cell">
            <div style="display:block;">
                <img src="http://infosmi.net/images/stories/articles/2013/Kuryozy/10-2013/03/wpapers.jpg" style="width:100%"/>
            </div>
        </div>
    </div>
</div>

CSS

.table {
    display: table;
    width: 100%;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}
.cell:first-child {
    background: orange;
}
#map {
    width:100%;
    height:300px;
}