JSFiddle - React, Tailwind, and code Playground

HTML

<img class="exampleImage" src="http://www.corbisimages.com/images/Corbis-42-18522637.jpg?size=67&uid=c7ebc105-b4a4-4fad-8e7d-99ff79ac2ce4" height="300px"/>
<br/><input type="range" min="-180" max="180" step="1" value="0" id="rotationAngle">

CSS

#rotationAngle {
    margin-top: 80px;
    width: 300px;
}

JavaScript

jQuery('#rotationAngle').on('mouseup', function(){
  // alert(jQuery('#parentReelTransparencySlider').val())
  jQuery('.exampleImage').css('-webkit-transform', 'rotate(' + jQuery('#rotationAngle').val() + 'deg)', 
    'transform', 'rotate(' + jQuery('#rotationAngle').val() + 'deg)');
});