*:has(> .block-halo) .block-halo {
  z-index: 2;
}
*:has(> .block-halo) > * {
  position: relative;
  z-index: 3;
}
*:has(> .block-halo) ~ * {
  position: relative;
  z-index: 2;
}

div.block.block-halo {
  position: absolute;
  background: linear-gradient(90deg, #0B94E9 0%, #4BD860 100%);
  height: 100%;
  width: 100%;
  z-index: 0;
  border-radius: 1500px;
  opacity: 0.3;
  top: 0px;
  left: 0px;
  max-width: 100%;
  min-height: 200px;
  max-height: 500px;
  filter: blur(250px);
  will-change: filter;
}
@media screen and (max-width: 768px) {
  div.block.block-halo {
    width: 100vw;
    height: 100vh;
    border-radius: 0px;
    filter: blur(100px);
  }
}
div.block.block-halo + * {
  position: relative;
  z-index: 2;
}