{% set propertyName = propertyName|default('blocks') %}
{% set uid = random() %}
{% set submedia = null %}
{% if block.heading|default('') %}
    {% set orientation = 'center' %}
    {% set focusX = 1 %}
    {% set focusY = 1 %}
    {% if content.image is defined and content.image != "" %}
        {% set submedia = sulu_resolve_media(content.image, app.request.locale) %}
        {% set focusX = submedia.focusPointX %}
        {% set focusY = submedia.focusPointY %}
        {% if focusY == 0 %}
            {% set orientation = 'top' %}
        {% elseif focusY == 1 %}
            {% set orientation = 'center' %}
        {% else %}
            {% set orientation = 'bottom' %}
        {% endif %}
    {% endif %}
    {% if (submedia is not null) %}
        <img src="{{ submedia.thumbnails["pageImage"] }}" class="pageImage" alt="{{ submedia.title }}" title="{{ submedia.description|default(submedia.title) }}" style="object-position: {{ orientation }};">
    {% endif %}
    <div class="subpage-wrapper page-headline-wrapper container position-relative mt-5">
        <div class="row">
            <div class="subpage-heading-wrapper col-12 col-md-9 d-flex flex-column justify-content-center">
                <h1 id="heading-{{ uid }}" class="page-headline">
                    {% autoescape false %}
                    {{ block.heading|pipe|nl2br|hyphenate }}
                    {% endautoescape %}
                </h1>
                {% if block.subline|default('') %}
                    <h3 class="page-headline-muted">
                        {% autoescape false %}
                        {{ block.subline|pipe|nl2br|hyphenate }}
                        {% endautoescape %}
                    </h3>
                {% endif %}
            </div>
        </div>
    </div>
{% endif %}