JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.google.com/logos/2011/gregormendel11-hp.jpg"/>
<br/>
<img src="http://www.google.com/logos/2011/gregormendel11-hp.jpg" id="fluidimage"/>

JavaScript

$(document).ready(function() {
    var imageresize = 0.0;
    var $image = $("#fluidimage");
    switch (screen.width) {
        case 1680:
            imageresize = 0.5;
            break;
        case 1280:
            imageresize = 0.4;
            break;
        case 1024:
            imageresize = 0.3;
            break;
        default:
            imageresize = 0.8;
            break;
    }
    $image.css({
        "width": Math.round($image.width() * imageresize),
        "height": Math.round($image.height() * imageresize)
    });
});