{% 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="eager" src="{{featuredImage.sizes.hero.url|raw}}" width="{{featuredImage.sizes.hero.width|raw}}" height="{{featuredImage.sizes.hero.height|raw}}" class="object-cover h-[248px] md:h-[380px] w-full" alt="{{ post.title|raw }}" title="{{ post.title|raw }}">
        {% endif %}
    {% else %}
        {% if featuredImage.sizes.hero.url %}
        <img fetchpriority="high" loading="eager" width="{{featuredImage.sizes.hero.width|raw}}" height="{{featuredImage.sizes.hero.height|raw}}" class="hero-image h-[430px] object-cover" src="{{ featuredImage.sizes.hero.url|raw }}" alt="{{ post.title|raw }}" title="{{ post.title|raw }}">
        {% endif %}
    {% endif %}

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

{% endif %}
