<div id="loader">
  <img src="icons/sunny.png" alt="Loading...">
</div>

<style>
  #loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 36px;
    height: 36px;
  }

  #loader img {
    width: 36px;
    animation: rotation 3s infinite linear;
  }

  @media (prefers-color-scheme: dark) {
    #loader { filter: invert(); }
  }
</style>
