/* backgroundize.css */
:root {
  --page-bg-light: none;
  --page-bg-dark: none;
  --current-background: var(--page-bg-light);
}

html[data-user-color-scheme="dark"] {
  --current-background: var(--page-bg-dark, var(--page-bg-light));
}

@media (max-width: 767.98px) {
  :root {
    --current-background: var(--page-bg-dark, var(--page-bg-light));
  }
}

#web_bg {
  background-color: #09111f;
  background-image: var(--current-background);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease, opacity 0.3s ease;
}