JSFiddle - React, Tailwind, and code Playground

by DhwaniSanghvi

HTML

<div class='container4'>
    <img src="http://lorempixel.com/400/200/" class="center">
</div>

CSS

div.container4 {
    height:400px;
    width:600px;
    border:1px solid;
    position: relative;
}
.container4 .center {
    position: absolute;
    margin-right: -50%;
    top:50%;
    right:50%;
    transform: translate(-50%, -50%);
    display: block;
    margin-left: auto;
    margin-right: auto
}