header>
  <section class="canvas-wrapper flex place-content-center">
    <div class="relative my-auto">
      <canvas id="canvas" height="250" width="900"></canvas>
      <div id='loading' class="absolute w-full h-full top-0 left-0 backdrop-blur-sm bg-slate-400/5 z-50 hidden">
        <div class="flex place-content-center h-full">
          <span class="loading loading-spinner loading-lg mx-auto"></span>
        </div>
      </div>
    </div>
  </section>
  <section class="w-full mx-auto my-6 flex flex-col 