JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <img src="https://picsum.photos/200/200" alt="">
    <p>"Success usually comes to those who are too busy to be looking for it."</p>
</div>

CSS

div.box {
    padding-top: 40%;
    width: 50%;
    position: relative;
    border: 1px dashed red;
}
div.box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}