JSFiddle - React, Tailwind, and code Playground

by ohcibi

HTML

<div class="full">
    <img src="http://images3.wikia.nocookie.net/__cb20121215103024/de.simpsons/images/a/ae/10.jpg">
</div>
<div class="small">
    <img src="http://images3.wikia.nocookie.net/__cb20121215103024/de.simpsons/images/a/ae/10.jpg">
</div>
<div class="tiny">
    <img src="http://images3.wikia.nocookie.net/__cb20121215103024/de.simpsons/images/a/ae/10.jpg">
</div>

CSS

div {
    border: 1px solid #333;
    
    width: 20%;
    height: 20%;
}
.full img {
    width: 100%;
    max-width: 200px;
}

.small img {
    width: 50%;
    max-width: 100px;
}

.tiny img {
    width: 10%;
    max-width: 30px;
}