.block-row {
    display:flex;
    flex-direction:row;
    width:100%;
    gap: var(--row-gap);
    justify-self: stretch;
}
.block-row > * {
    flex: 1 1 100%;
}
.block-section > .block-row.can-scroll {
    width:100vw;
    left:50%;
    margin-left:-50vw;
}
.block-row.sticky-left > .block-column:nth-of-type(1),
.block-row.sticky-right > .block-column:nth-of-type(2){
    position:sticky;
    top:0;
    max-height:100vh;
    z-index:2;
}

@media(max-width:768px){
    .block-row.no-scroll {
        flex-direction:column;
        gap: var(--block-gap);
    }
    .block-row.sticky-left > .block-column:nth-of-type(1),
    .block-row.sticky-right > .block-column:nth-of-type(2){
        width:100vw;
        margin: 0 calc(var(--block-padding-x) * -1);
    }
    .block-row.sticky-left{
        flex-direction:column;
    }
    .block-row.sticky-right {
        flex-direction:column-reverse;
    }
}