JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="navbar">
        <div id="home"></div>
    </div>
</div>

CSS

html, body {
				    width: 100%;
				    height: 100%;
				    min-width: 325px;
				    background: #000 url('https://placekitten.com/350/325') center center no-repeat;
				    background-size: contain;
				    margin: 0 auto;
				    overflow-x: hidden;
background-size: 100% 100%;    
}
.wrapper {
    width: 100%;
    height: 100%;
}
.navbar {
    position: relative;
    width: 100%;
    height: 14%;
    top: 75%;
    margin: 0 auto;
    border: 1px solid red;
}
#home {
    position: absolute;
    top: 0;
    left: 15%;
    width: 15%;
    height: 100%;
    display: block;
    border:1px solid blue;
}