#site-loader {
      position: fixed;
      inset: 0;
      background: #000;
      z-index: 999999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: opacity 0.6s ease;
    }

    #site-loader.hide {
      opacity: 0;
      pointer-events: none;
    }

    #site-loader img {
      width: min(90vw, 90vh);
      height: min(90vw, 90vh);
      object-fit: contain;
    }

    /* Prevent blurriness on larger screens by capping the size */
    @media (min-width: 768px) {
      #site-loader img {
        width: 300px;
        height: 300px;
        max-width: 100%;
      }
    }