<div class="o-block o-block--flush c-card {{ card.classes }}">
  
    {% if image.src is defined %}
      <div class="o-block__image c-card__image {{ card.image_classes }}">
        <a href="#">
          {% block image %}
            {% include "@atoms/images/image.twig" with {
              image: {
                src: image.src,
                classes: "o-ratio__item",
                lazyload: true
              }
            } %}
          {% endblock %}
        </a>
      </div>
    {% endif %}
    <div class="c-card__body">
      {% block body %}
        {% include "@atoms/typography/headings/h2.twig" with {
          heading: {
            text: heading.text,
            classes: "c-heading--xlarge c-heading--uppercase"
          }
        } %}
        {% include "@atoms/typography/paragraph.twig" with {
          paragraph: {
            text: paragraph.text
          }
        } %}
        
        {% include "@atoms/links/link.twig" with {
          link: {
            text: link.text,
            classes: "c-card__link",
            href: "#"
          }
        } %}
      {% endblock %}
    </div>
</div>