body.bg {
  --bg-darken: 0.35;
  --bg-blur: 0px;
  min-height: 100vh;
  background: var(--bg-url) center/cover no-repeat fixed;
  background-color: #0b0b16;
  position: relative;
}
body.bg::before {
  content:"";
  position: fixed; inset: 0;
  background: rgba(0,0,0,var(--bg-darken)); backdrop-filter: blur(var(--bg-blur));
  z-index: -1;
}
@media (max-width: 720px){
  body.bg{
    background-attachment: scroll;
    background-image: url('assets/background.png');
    background-position: center top;
  }
  body.bg::before{
    backdrop-filter: none;
    background: rgba(0,0,0,0.25);
  }
}