.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 (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;
    }
}