JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content1">
        <div class="imagecontainer">
            <img class="image" src="C:\Users\wrigh\Pictures\SWITCH\capture01.png"></img>
        </div>
    </div>

    <div class="footer">
        <center><p style="padding-top:50px; max-width: 50%;">ONLY AVAILIBLE ON ANDROID<br><br>UPDATE: NO CURRENT WORK IS SCHEDULED</p></center>
    </div>

CSS

body{
    margin: 0;
}
.footer{
    position: relative;
    width: 100%;
    text-align: center;
    min-width: 512px;
    height: 150px;
    background-color: black;
    font-size: 12px;
    font-family: arial;
    color: gray;
    z-index: 5;
}

.content1{
    position: relative;
    width: 100%;
    height: 310px;
    background-color: #E6E6E6;
    z-index: 5;
}
.imagecontainer{
    height: 80%;
    float: right;
}
.image{
    position: relative;
    display: block;
    height: 100%;
}
.footer p {
   margin: 0;
}