.block-three-columns-sticky {
    margin-top: var(--custom-theme-vertical-spacing-l);
    margin-bottom: var(--custom-theme-vertical-spacing-l);
}

.block-three-columns-sticky__content > * {
    --custom-theme-flex-span: 8;
}

.block-three-columns-sticky__content > *:first-child {
    align-self: flex-start;
    --custom-theme-flex-span: 4;
}
.block-three-columns-sticky--sticky .block-three-columns-sticky__content > *:first-child {
    position: sticky;
    top: var(--custom-theme-site-header-height);
}

@media screen and (max-width: 991px) {
    .block-three-columns-sticky__content {
        flex-wrap: wrap;
    }
    .block-three-columns-sticky__content > :first-child {
        --custom-theme-flex-span: 8;
    }
    .block-three-columns-sticky--sticky .block-three-columns-sticky__content > :first-child {
        position: static;
    }

    .block-three-columns-sticky__content > * + * {
        flex: 1 1 auto;
    }
}
@media screen and (max-width: 767px) {
    .block-three-columns-sticky__content {
        flex-direction: column;
        gap: 40px;
    }
}
