JSFiddle - React, Tailwind, and code Playground

by Iqbal Kabir

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="row cover-row">
	<div class="col-xs-8">
		<img src="http://placehold.it/851x315" class="img-responsive" alt="Cover Photo">
	</div>
	<div class="col-xs-4 profile-wrap">
		<img src="http://placehold.it/200x200" class="img-responsive profile-pic" alt="Profile Picture">
	</div>
</div>

CSS

.cover-row {
    position: relative;
    min-height: 100px;
}
.profile-wrap {
    position: absolute;
    right: 0;
    top: 0;
    background: gold;
    height: 100%;
    overflow: hidden;
}
.profile-pic {
    width: auto;
    height: 100%;
}