body {
  position: relative;
  z-index: 0;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg/bg_page_04.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
  transition: filter 0.3s ease;
}

[data-bs-theme="dark"] body::before {
  filter: invert(1) hue-rotate(180deg);
}