JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contentwrapper">
    <img id="centreme" src="../../../img/logo.png" />
</div>

CSS

div#contentwrapper {
    width:100%;
    height:100%;
    position:relative;
}
img#centreme {
    position: relative;
    width: 200px;   /* the image width */
    height: 200px;  /* the image height */
    top: 50%;
    left: 50%;
    margin-top: -100px;  /* half the image height */
    margin-left:-100px;  /* half the image width */
    background-color:black;
}