JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="jumbotron">
    <div class="container">

        <div class="left-image">
            <img src="http://www.newildernesstrust.org/wp-content/uploads/2013/04/Bird.jpg">
        </div>
        
        <div class="right-image">
            <img src="http://fc07.deviantart.net/fs71/f/2013/159/f/d/blue_bird_layer_paint_by_charfade-d68ach3.jpg">
        </div>

    </div>
</div>

CSS

.left-image img{
    height: 200px;
    width: 200px;
}
.right-image img{
    height: 200px;
    width: 200px;
}
.left-image{
    position: absolute;
    left: 200px;
}
.right-image{
    position: absolute;
    right: 200px;
    z-index: 5;
}
.jumbotron{
    height: 300px !important;
}