JSFiddle - React, Tailwind, and code Playground

HTML

<input id="ranger" type="range" min="1" max="100" value="100" />
<hr />
<img id="image" src="http://google.com/images/logo.png" width="275" height="95" />

JavaScript

var ranger = document.getElementById('ranger');
var image =  document.getElementById('image');
var width = image.width;
var height = image.height;

ranger.onchange = function(){
    image.width = width * (ranger.value / 100);
    image.height = height * (ranger.value / 100);
}