JSFiddle - React, Tailwind, and code Playground

HTML

<script>

  function updateTextInput(val) {
    if (val == 0) {
      document.getElementById('demo').style.background = "url(https://yastatic.net/morda-logo/i/bender/logo.svg) no-repeat left top";

    } else {
      document.getElementById('demo').style.background = "url(https://www.google.com.ua/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png) no-repeat left top";
    }
  }

</script>
<div class="range">
  <input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="1" onchange="updateTextInput(this.value);">
</div>
<p id="demo"></p>

CSS

#demo {
background:url(https://www.google.com.ua/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png) no-repeat left top;
height: 500px;
}