{% grid "o-block" %}

    {% if icon or image.src is defined %}
      <div class="o-block__image o-grid__item {{ flag_block.image_classes | default("u-1/1 u-1/3@tiny")}}">
          <a href="#">
            <figure class="c-caption">
              {% if icon %}
                {% include "@atoms/icons/_icon.twig" with {"icon": icon} %}
              {% elseif image.src is defined %}
                {% include "@atoms/images/image.twig" %}
              {% endif %}

              {% if caption.header or caption.subheader is defined %}
                {% include "@atoms/captions/caption.twig" %}
              {% endif %}
            </figure>
          </a>
        </div>
      {% endif %}


        <div class="o-grid__item {{ flag_block.body_classes | default("u-1/1 u-2/3@tiny")}}">
        <div class="o-block__body">
          {% block body %}

            {% if flag_block.subheader %}
              {% include "@atoms/typography/headings/heading.twig" with {
                heading: {
                  text: flag_block.subheader,
                  classes: "c-heading--sub"
                }
              } %}
            {% endif %}

            {% if flag_block.header %}
              {% include "@atoms/typography/headings/h3.twig" with {
                heading: {
                  text: flag_block.header,
                  classes: "c-heading--large"
                }
              } %}
            {% endif %}

            {% if flag_block.paragraph %}
              {% include "@atoms/typography/paragraph.twig" with {
                paragraph: {
                  text: flag_block.paragraph
                }
              } %}
            {% endif %}

            {% include "@atoms/links/link.twig" %}

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

  {% endgrid %}