Page Layout - Left or Right Column with Main Column

<section class="section section--spacing-above section--spacing-below">    
    <div class="wrapper--1" style="">
        
        <div class="grid__wrapper">
            <aside class="grid grid--full  grid--se-1-4">
                <div class="column" data-aos-delay="50">
                    <div class="grid--padding-1" style="background-color: #174174;">

                        <div class="grid__content">
                        </div>
                    </div>
                </div>

            </aside>
            <div class="grid grid--full  grid--se-5-13">
                <div class="column" data-aos-delay="50">
                    <div class="grid--padding-1" style="background-color: #174174;">

                        <div class="grid__content">
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
</section>

{%
    set classes = [
      'paragraph',
      'paragraph--type--' ~ paragraph.bundle|clean_class,
      view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
    ]
  %}
  {% block paragraph %}  
    <section
        {% if content.field_section_name.0 is not empty %}id="{{ content.field_section_name.0 }}"{% endif %}
        class="
            section
            {% if content.field_section_name.0 is not empty %}section--scroll{% endif %}
            {% if content.field_section_spacing.0 is not empty %}section--{{ content.field_section_spacing.0 }}{% endif %}
            {% if content.field_section_spacing.1 is not empty %}section--{{ content.field_section_spacing.1 }}{% endif %}
        "
    >
        {% include '@fitch_master/parts/video_background.html.twig' %}
        <div
            class="
                wrapper--1
                {% if content.field_wrapper.0 is not empty %}{{ content.field_wrapper.0 }}{% endif %}
                {% if content.field_padding.0 is not empty %}section--{{ content.field_padding.0 }}{% endif %}
                {% if content.field_background_image.0 is not empty %}bg--img{% endif %}
                {% if paragraph.field_background_blur.value == 1 %}bg--blur{% endif %}
                {% if content.field_color_overlay.0 is not empty %}bg--blend{% endif %}
                {% if paragraph.field_rounded_corners.value == 1 %}grid--bdrs{% endif %}
            "
            style="
                {% if content.field_background_image.0 is not empty %}background-image: url('{{ file_url(content.field_background_image["#items"].entity.uri.value) }}'){% if paragraph.field_gradient_overlay.value == 1 %}, var(--gradient-background){% endif %};{% endif %}
                {% if content.field_background_color.0 is not empty %}background-color: {{ content.field_background_color.0 }};{% endif %}
                {% if content.field_color_overlay.0 is not empty %}background-color: {{ content.field_color_overlay.0 }};{% endif %}
                {% if content.field_text_color.0 is not empty %}color: {{ content.field_text_color.0 }};{% endif %}
            "
        >
        
            <div class="grid__wrapper"> 
                <aside class="grid grid--full {% if paragraph.field_column_position.value == 1 %}grid--se-10-13{% endif %} {% if paragraph.field_column_position.value == 0 %}grid--se-1-4{% endif %}">
                    {{ content.field_paragraph_reference_l }}
                </aside>
                <div class="grid grid--full {% if paragraph.field_column_position.value == 1 %}grid--se-1-9{% endif %} {% if paragraph.field_column_position.value == 0 %}grid--se-5-13{% endif %}">
                    {{ content.field_paragraph_reference_m }}
                </div>
            </div>

        </div>  
    </section>
  {% endblock paragraph %}