5px;">
        <input type="checkbox" id="checkbox" class="switch-checkbox">
        <label class="theme-switch" for="checkbox">
          <div class="toggle-button">
            <span class="light-mode-icon"><img src="./images/sun.svg"></span>
            <span class="dark-mode-icon"><img src="./images/moon.svg"></span>
          </div>
        </label>
      </div>

      <style>
        .toggle-container {
          transform: translate(-50%, -50%);
          display: flex;
          align-items: center;