<!-- recommended size: default - 568x400 and 448x408, retina @2x - 1136x800 and 896x816 -->
<!-- all images in news section should be same size (look design)! -->
<a href="{{card.url}}" {% if card.source == "api" %} target="_blank" {% endif %}
class="news__card" data-css-animation="stagger-item">
<div class="news__card-image indent-m">
<img data-src="{{card.thumbnail.thumbnails['568x400']}}" data-srcset="{{card.thumbnail.thumbnails['1136x800']}} 2x" alt
data-lazy-image>
</div>
<div class="news__card-content">
<time class="news__card-date">{{card.created|date('d F y')}}</time>
<div class="news__card-title title title__no-center">
<h5>{{ card.title }}</h5>
</div>
</div>
</a>