.scrollbg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  justify-items: center;
}
.demo-1ld .scrollbg {
  height: auto;
}
.scrollbg .layer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate3d(0,0,0) scale(1);
  transform-origin: center;
  filter: none;
  opacity: 1;
  grid-column: 1;
  grid-row: 1;
}
.scrollbg > .layer-0,
.scrollbg > .last-layer:not(.layer-testing),
.scrollbg .layer:not(.layer-bounds):not(.cur-seg):not(.next-seg),
.scrollbg .layer.layer-bounds:not(.cur-seg):not(.next-seg) > div,
.scrollbg .layer-out > div:not(.cur-seg):not(.next-seg),
.bgt-testing .scrollbg > .layer-testing:not(.next-seg) > div {
  opacity: 0 !important;
}