.wp-block-columns {
    
    /* Media Right */
    &.is-style-media-right {
        flex-direction: row-reverse;
    }

    /* Add Numbers to each column container in wp-columns block */
    &.is-style-numbered {
        counter-reset: item;

        .wp-block-column {
            counter-increment: item;
            margin: 20px 20px 0 0;
            position: relative;

            &::before {
                transform: translate(30%, -30%);
                content: counter(item);
                position: absolute;
                z-index: 1;
                right: 0;
                top: 0;

                background-color: var(--wp--preset--color--primary-navy-900);
                font-size: var(--wp--preset--font-size--heading-four);
                color: var(--wp--preset--color--white);
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                font-weight: 600;
                aspect-ratio: 1;
                display: flex;
                width: 60px;
            }

            @media (768px < width < 1024px) {
                margin: 15px 15px 0 0;

                &::before {
                    font-size: var(--wp--preset--font-size--small);
                    width: 40px;
                }
            }
        }
    }
}