JSFiddle - React, Tailwind, and code Playground

by lazybios

HTML

<div class="img-responsive">
    <img src="http://d13yacurqjgara.cloudfront.net/users/14765/screenshots/1392915/mrbc-badge-....png"
    />
</div>

CSS

.img-responsive {
    max-width: 100%;
    height: 0;
    padding-bottom: 40%;
    background-color:#ff0000;
    overflow: hidden;
}

.img-responsive img {
    width: 100%;
}