JSFiddle - React, Tailwind, and code Playground

by Terry Mun

HTML

<div>
    <img src="http://placehold.it/500x500" />
</div>

CSS

body {
    height: 500px;
}
div {
    overflow: hidden;
    padding-bottom: 50%;
    height: 0;
    width: 50%;
}
div img {
    display: block;
}