JSFiddle - React, Tailwind, and code Playground

by Schepp

HTML

<img src="https://developer.mozilla.org/files/2767/hut.jpg" class="img1"><br>
<img src="https://developer.mozilla.org/files/2767/hut.jpg" class="img2"><br>
<!--[if gt IE 8]><!-->
<img src="https://developer.mozilla.org/files/2767/hut.jpg" class="img3"><br>
<div class="img4"></div><br>
<div class="img5"></div><br>
<!--<![endif]-->

CSS

.img1 {
    width: 175px;
    height: 175px;
}
.img2 {        
    width: 175px;
    height: 175px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://developer.mozilla.org/files/2767/hut.jpg', sizingMethod='scale');
}
.img3 {
    -ms-transform: scale(0.5);
}
.img4 {
    width: 175px;
    height: 175px;
    background: url(https://developer.mozilla.org/files/2767/hut.jpg) no-repeat center center;
    background-size: cover;
}
.img5 {
    width: 350px;
    height: 350px;
    background: url(https://developer.mozilla.org/files/2767/hut.jpg) no-repeat center center;
    -ms-transform: scale(0.5);
}