{% set hero = null %}
{% if entry.header.hero_image and entry.media[entry.header.hero_image] is defined %}
    {% set hero = entry.media[entry.header.hero_image] %}
{% elseif entry.media.images|length > 0 %}
    {% set hero = entry.media.images|first %}
{% endif %}
<a class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story" href="{{ entry.url }}">
    {% if hero %}
    <div class="entry-card-photo entry-card-photo--story">
        <img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
    </div>
    {% endif %}
    <div class="entry-card-body">
        <span class="story-badge">✦ Story</span>
        <h2 class="entry-title">{{ entry.title }}</h2>
    </div>
</a>