<header class="page-header d-flex align-items-center pb-0 pb-md-4">
    <h1 class="page-title pb-0 mb-0 me-4">
        {f:if(condition: '{data.nav_title}', then: '{data.nav_title}', else: '{data.title}')}
    </h1>
    <f:if condition="{media}">
        <div class="page-image position-relative d-none d-sm-block">
            <f:image image="{media -> v:iterator.last()}" width="180c" height="180c" alt="" class="rounded-circle w-100 h-auto"/>
        </div>
    </f:if>
</header>

