@layer components {
    .column-content-block{
        --column-gap: calc(var(--spacer) *  6.25);

        border-top: 1px solid rgb(var(--color-md-gray));
        background-color: rgb(var(--color-lt-gray));

        img{
            width: 100%;
            display: block;
            margin-bottom: calc(var(--spacer) * 1.5);
        }

        .content-col{
            padding-block: calc(var(--spacer) * 4.375);

            &:not(:last-child){
                border-right: 1px solid rgb(var(--color-md-gray));
            }

            @container (max-width: 768px) {
                border-right: none;
                border-bottom: 1px solid rgb(var(--color-md-gray));
                padding-block: calc(var(--spacer) * 2);
            }
        }
    }
}