{% if featuredImage is not empty %}

<div class="hero_image w-screen md:w-full my-4 relative -mx-4 md:mx-0 md:h-[430px]">
    {% if mobile %}
        {% if featuredImage.sizes.hero.url %}
        <img fetchpriority="high" loading="overeager" src="{{featuredImage.sizes.hero.url}}" width="{{featuredImage.sizes.hero.width}}" height="{{featuredImage.sizes.hero.height}}" class="object-cover h-[248px] md:h-[380px] w-full" alt="{{ post.title }}" title="{{ post.title }}">
        {% endif %}
    {% else %}
        {% if featuredImage.sizes.hero.url %}
        <img fetchpriority="high" loading="eager" width="{{featuredImage.sizes.hero.width}}" height="{{featuredImage.sizes.hero.height}}" loading="eager" class="hero-image h-[430px] object-cover" src="{{ featuredImage.sizes.hero.url }}" alt="{{ post.title }}" title="{{ post.title }}">
        {% endif %}
    {% endif %}

    {% include "templates/components/single/prevnext.twig" %}
</div>

{% endif %}