JSFiddle - React, Tailwind, and code Playground

HTML

<header>
<div>
        <img id="fishnchips" src="image1.jpeg" alt="Fish n Chips">
        <img id="chicken" src="Friedchickenredbasket.jpeg" alt="Chicken Basket">
</div>

<!--End of images-->

<div class="header-p">
    <p>Coming Soon!</p>
</div>

    </header>
    <p><div id="address">123 Main St.</div></p>

CSS

#fishnchips {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 10px;
    height: 20%;
    float: left;
    margin-left: 0px;
}

#chicken {
/*  position: fixed;
    top: 25px;
    left: px;
    right: 10px;
    height: 40%;
    float: left;
    margin-left: 0px;*/

    top: 60px;
    height: 10%;
    width: 20%;
    left: 25px;
    position:absolute;
}
.header-p {
    font-family: 'Permanent Marker', cursive;
    font-size: 50px;
    text-align: center;
    padding-top: .01 em;
    margin-left:-15px;

}
#address {
    color: #410101;
    font-weight: 200;
    font-size: 1.5em;
}