JSFiddle - React, Tailwind, and code Playground

by Annett

HTML

<div class="outer">
    <div class="inner">
    <img src="http://lorempixel.com/800/600/" alt="" />
    </div>
</div>

CSS

.outer {
    width: 300px;
    overflow: hidden;
}

.inner {
    display: inline-block;
    position: relative;
    right: -50%;
}

img {
    position: relative;
    left: -50%;
}