JSFiddle - React, Tailwind, and code Playground

HTML

<p>Stays at 50% width and still scales</p>
<div class="scale-this"></div>

CSS

.scale-this{
    height: 0;
    width: 50%;
    padding-top: 195%; /* JUST FIGURE OUT THE PERCENTAGE RATIO FROM HEIGHT TO WIDTH. E.G. THIS IMAGES HEIGHT IS 45% OF ITS WIDTH */
    background: #ddd;
}