.page-bg {
  position: relative;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  isolation: isolate;

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }

  > * {
    position: relative;
    z-index: 1;
  }
}

.bg-login-01 {
  background-image: url("/assets/bg/01-e5431491.webp");
}

.bg-login-02 {
  background-image: url("/assets/bg/02-e6ad0e97.webp");
}

.bg-login-03 {
  background-image: url("/assets/bg/03-1633dd93.webp");
}

.bg-login-04 {
  background-image: url("/assets/bg/04-360c538c.webp");
}

.bg-login-05 {
  background-image: url("/assets/bg/05-94a28016.webp");
}

.bg-login-06 {
  background-image: url("/assets/bg/06-c24c1b4d.webp");
}

.bg-login-07 {
  background-image: url("/assets/bg/07-63e97e9b.webp");
}

.bg-login-08 {
  background-image: url("/assets/bg/08-2e928fed.webp");
}

.bg-login-09 {
  background-image: url("/assets/bg/09-1db6c4ac.webp");
}