JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <img src="http://placehold.it/2000x500" class="1 Poster"/>
    <img src="http://placehold.it/2000x500" class="2"/>
    <img src="http://placehold.it/2000x500" class="2"/>
</div>

CSS

#container {
	height:2000px;
	background-color:grey;
	width:100%;
    overflow:hidden;
}

#container img.1 {
	width:100%;
	margin-bottom:-4px;
}

#container img.2 {
	width:50%;
	display:inline-block;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin:50px;
}