<article class="cor-card {% if modifier %}cor-card--{{ modifier }}{% endif %} {{ cardExtraClass }}">
  {% if image %}
  <img  src="{{ image.src }}" alt="{{ image.alt }}" class="cor-image">
<!--
  <img 
  class="cor-card__image"
  width="400" 
  height="300"
  src="{{ image.src }}-570.jpg"
  srcset="{{ image.src }}-1000.jpg 570w,
          {{ image.src }}-2000.jpg 1040w,
          {{ image.src }}-3000.jpg 2080w"
  alt="{{ image.alt }}"/>
-->
  {% endif %}
  <div>
    <{% if titleLevel %}{{ titleLevel }}{% else %}h3{% endif %} class="cor-card__title cor-fontsize--3">
      <a class="cor-card__title__link" href="{{ link }}">{{ title }}</a>
    </{% if titleLevel %}{{ titleLevel }}{% else %}h3{% endif %}>
    <small class="cor-card__title__link__info">By Rapporteur</small>
    <strong>{{ rapporteur }}</strong>
    <div class="flex justify-end gap-xs">
      <img height="25" alt="PES" src="https://www.cor.europa.eu/Style%20Library/Cor/style/img/Homepage/pg-pes.png" />
      <img height="25" alt="PES" src="https://cdn.jsdelivr.net/gh/hampusborgos/country-flags@main/svg/it.svg" />
    </div>
  </div>
</article>