  <div style="text-align: center;">
        <div class="color-square" style="border: 2px solid black; width: 220px; height: 10px; background: linear-gradient(90deg, #000000, #ffffff); margin-top: 15px; margin-bottom: -10px;"></div>
      </div>
    <div class="slider-wrapper">
        <label for="color-slider">Brightness:</label>
        <div class="slider-container">
            <div style="margin-top: 10px;">
                <input type="range" id="color-slider" min="0" max="1024" value="0" oninput="setCo