JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <img src="http://picsum.photos/200/200" alt="">
</div>

CSS

.box {
    width: 400px;
    height: 600px;
    padding-top: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}