JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="tier">
        <div class="content content1">
            <img src="http://dummyimage.com/600x400/000/fff">
        </div>
    </div>
    <div class="tier">
        <div class="content content2">
            <img src="http://dummyimage.com/600x400/dedede/fff">
        </div>
    </div>
</div>

CSS

body {
    margin: 0;
    padding: 0;
}
img {
    display: block;
    height: 100%;
    width: 100%;
}
.tier {
    width: 100%;
}
.content1 {
    height: 60vh;
}
.content2 {
    height: 40vh;
}