JSFiddle - React, Tailwind, and code Playground

by kuonyuu

HTML

<div>
    <img src="http://lorempixel.com/500/120" />
</div>
<div>
    <img src="http://lorempixel.com/120/500" />
</div>

CSS

div
{
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    border: 1px solid #8e8e8e;
}
img {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
}