{% set propertyName = propertyName|default('blocks') %}

<div class="container two-columns">
    <div class="grid-x grid-margin-x grid-margin-y small-up-1 large-up-2">
        <div class="one-column cell grid-x align-{{ content.column_alignment_left|default('middle') }} {{ (content.invert_order_on_mobile) ? "small-order-2 large-order-1" : "" }}">
            {% for block in content.column_left %}
                {% include 'includes/blocks/' ~ block.type ~ '.html.twig' with {
                    content: block,
                    view: view.column_left[loop.index0],
                    parent: content,
                    side: "left",
                } %}
            {% endfor %}
        </div>
        <div class="one-column cell grid-x align-{{ content.column_alignment_right|default('middle') }} {{ (content.invert_order_on_mobile) ? "small-order-1 large-order-2" : "" }}">
            {% for block in content.column_right %}
                {% include 'includes/blocks/' ~ block.type ~ '.html.twig' with {
                    content: block,
                    view: view.column_right[loop.index0],
                    parent: content,
                    side: "right",
                } %}
            {% endfor %}
        </div>
    </div>
</div>