.wp-block-columns{
    &.is-style-reverse-stack{
        @media (max-width: 782px) {
            flex-direction: column-reverse;
        }
    }

    &[style*="border-radius"]{
        overflow: hidden;
    }

    &:has(.wp-block-column.has-background) {
        overflow: hidden;
    }

    .wp-block-column{
        &.has-background{
            &:first-child,
            &:last-child{
                isolation: isolate;
                position: relative;

                &::before{
                    background-color: inherit;
                    content: '';
                    height: 100%;
                    left: -50vw;
                    position: absolute;
                    right: 50vw;
                    top: 0;
                    width: 200vw;
                    z-index: -1;
                }
            }

            @media (min-width: 782px) {
                &:first-child{
                    &::before{
                        left: unset;
                        right: calc(100% - 1px);
                    }
                }
    
                &:last-child{
                    &::before{
                        left: calc(100% - 1px);
                        right: unset;
                    }
                }
            }
        }
    }
}