<!doctype html>
<html lang="en-us">

<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style>
    body {
      font-family: Arial;
      font-weight: bold;
      text-align: center;
    }

    #image-container {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .slider {
      width: 50%;
    }
  </style>
</head>

<body>

  <div id="slidecontainer">
    <input type="range" min="1" max="100" value="1" class="slider" id="quality">
  </div>
  <