JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logo">
		<div id="logoCenter">
            <img src="http://mpro.pw/img/logo.png" alt="LOGO" />
		</div>
	</div>
	<div id="block2">
		<img src="http://mpro.pw/img/logo.png" alt="LOGO" />
	</div>

CSS

body {
	background: #1b1b1b;
	margin: 0;
}
#logo {
	width: 100%;
	height: 1000px;
	top: 0%;
	left: 0%;
	z-index: 1;
}
#logo img {
	display: block;
	margin: 0 auto;
	padding: 100px 0px 0px 0px;
	position: fixed;
    z-index: 1;
}
#block2 {
	display: block;
	width: 100%;
	background: #34495E;
	margin: 0px;
	z-index: 2;
}