{% extends 'partials/base.html.twig' %}
{% set page_class = 'row p-3' %}
{% block content %}
<div class="col-12 col-md-6 col-lg-3 p-3">
    {% set img_main = page.header.image_main ? page.media[page.header.image_main].url : url('theme://images/portret-2.jpg') %}
    {% set img_secondary = page.header.image_secondary ? page.media[page.header.image_secondary].url : url('theme://images/portret-1.jpg') %}
    <img src="{{ img_main }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
    <img src="{{ img_secondary }}" class="img-fluid d-none d-md-block" alt="Portret Natascha Rieter">
</div>
<div class="col-12 col-md-6 col-lg-6 p-3 text-start">
    <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
    {{ content|raw }}
</div>
<div class="col-12 col-md-6 col-lg-3 p-3 text-center">
    <img src="{{ url('theme://images/logo-blauw.png') }}" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
</div>
{% endblock %}