.minecraft-scroll-ribbon-stage {
  position: relative;
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  background: #070612;
}

.minecraft-scroll-ribbon-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, var(--bg-dark-1) 0%, rgba(7, 6, 18, 0) 4%, rgba(7, 6, 18, .18) 95%, var(--bg-dark-1) 100%),
    linear-gradient(90deg, rgba(7, 6, 18, .08) 0%, rgba(7, 6, 18, .62) 54%, rgba(7, 6, 18, .84) 100%);
}

.minecraft-scroll-ribbon-bg {
  position: absolute;
  inset: 0;
  min-height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: .34;
  background:
    linear-gradient(180deg, rgba(7, 6, 18, .1) 0%, rgba(7, 6, 18, .32) 100%),
    url("../images/background/minecraft-scroll-ribbon.png") left top / 100% auto repeat-y;
}

.minecraft-scroll-ribbon-stage > section {
  position: relative;
  z-index: 2;
  background: transparent !important;
}

.minecraft-scroll-ribbon-stage .minecraft-news-section {
  background: transparent !important;
}

footer.jarallax {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #07050d;
}

footer.jarallax::before {
  content: "";
  position: absolute;
  inset: -260px 0 -40px;
  pointer-events: none;
  z-index: 0;
  opacity: .34;
  background:
    linear-gradient(180deg, rgba(7, 5, 13, .34) 0%, rgba(7, 5, 13, .76) 52%, rgba(7, 5, 13, .94) 100%),
    linear-gradient(90deg, rgba(7, 5, 13, .06) 0%, rgba(7, 5, 13, .72) 55%, rgba(7, 5, 13, .92) 100%),
    url("../images/background/minecraft-scroll-ribbon.png") left bottom / cover no-repeat;
}

footer.jarallax > .jarallax-img {
  opacity: .12;
  filter: saturate(.8) brightness(.55);
}

footer.jarallax > .container,
footer.jarallax > .subfooter {
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .minecraft-scroll-ribbon-bg {
    opacity: .3;
    background-size: auto 980px;
    background-position: 14% top;
  }
}

@media (max-width: 767px) {
  .minecraft-scroll-ribbon-bg {
    opacity: .26;
    background-size: auto 900px;
    background-position: 18% top;
  }

  footer.jarallax::before {
    inset: -180px -120px -30px;
    opacity: .28;
    background-position: 10% bottom;
    background-size: auto 100%;
  }
}