JSFiddle - React, Tailwind, and code Playground

HTML

<div class="resize">
<p>This is a testing div</p>
</div>
<div class="resize">
<img src="http://pierre.chachatelier.fr/programmation/images/mozodojo-original-image.jpg" alt="image">
</div>

CSS

.resize {
    width: 20%;
    min-width: 10%;
    max-width: 80%;
    resize: both;
    border: 1px solid red;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
}


div.resize img {
    width: 100%;
    height: auto;
}