JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <span class="image"></span>
</div>

CSS

.wrapper {
    width:400px;
    height: 400px;
    position: relative;
    background-color: #afafaf;
}

.wrapper .image {
    position: absolute;
    top: 25%;
    left: 25%;
    right: 25%;
    bottom: 25%;
    background-color: #000;
}