JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imgDiv">
    <img src="http://bizcravemarketing.com/wp-content/uploads/2014/07/crash-test-dummies.jpg" style=>
<div>
<figure id="figureDiv">
    <img src="http://bizcravemarketing.com/wp-content/uploads/2014/07/crash-test-dummies.jpg">
<figure>

CSS

@media only screen and (max-width: 700px) {
    #imgDiv {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    
    #imgDiv {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@media only screen and (max-width: 450px) {
    #imgDiv {
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    
    #imgDiv {
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
}