.title-and-content{
    align-items: start;
}

.title-and-content-title h2{
    font: var(--font-headline-3);
}

.title-and-content:is([data-columns="3070"]) .title-and-content-title{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

:not([data-color-scheme]) .title-and-content,
[data-color-scheme|="light"] .title-and-content{
    --backdrop-image: url('img/backdrop-light.svg');
}

:is([data-color-scheme|="medium"], [data-color-scheme|="dark"]) .title-and-content{
    --backdrop-image: url('img/backdrop-dark.svg');
}

.title-and-content .title-and-content-title h2 small{
    font: var(--font-elevated-1);
    color: var(--text-color);
    display: block;
    margin-top: 1em;
}

.title-and-content:is([data-columns="3070"]) .title-and-content-content .gform_heading{
    display: none;
}

.title-and-content:is([data-columns="3070"]) .title-and-content-content .gform_footer button{
    margin-right: var(--item-column-gap);
}

.title-and-content:is([data-columns="5050"], [data-columns="4060"]) .title-and-content-content :is(p, ul, ol, blockquote){
    font: var(--font-elevated-1);
}

@media (min-width: 768px){
    .title-and-content:is([data-columns="3070"]) .title-and-content-title:after{
        content: '';
        display: block;
        background-image: var(--backdrop-image);
        background-size: contain;
        background-repeat: no-repeat;
        width: min(90%, 30.4rem);
        aspect-ratio: 304 / 274;
    }
}