JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image-container">
    <img src="" alt="">
</div>

CSS

.image-container {
    position: relative;
    width: 183px;
    height: 137px;
    overflow: hidden;
}

.image-container img {
    position: absolute;
}

.image-container img:after {
    display: block;
    position: absolute;
    margin-top: -50%;
    width: 183px;
    height: 103px;
    content:...