JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<div class="square">
    <img src="http://breyton.com/uploads/files/gallery/FASCINATE/IMG_0203.jpg" />
</div>

CSS

.square {
    border: 2px solid red;
    height: 300px;
    position: relative;
    width: 300px;
    margin: 100px auto;
}
img {
    object-fit:cover;
    width:100%;
    height:100%;
    margin: auto;
}