.scrollimage__background {
  position: absolute;
  background: rgba(var(--c-neutral-darkest), 0.55);
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  grid-column: span 5 !important;
}

.scrollimage.-textbutton .scrollimage__overlay {
  color: rgb(var(--c-neutral-lightest));
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
}

.scrollimage__bodytext {
  margin-bottom: 2rem;
  max-width: 980px;
}

.scrollimage__bodytext,
.scrollimage__bodytext a,
.scrollimage__bodytext h1,
.scrollimage__bodytext h2,
.scrollimage__bodytext h3,
.scrollimage__bodytext h4 {
  color: rgb(var(--c-neutral-lightest));
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 640px) {
  .scrollimage.-textbutton .scrollimage__overlay {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .scrollimage.-textbutton .scrollimage__bodytext {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}