<div class="grid-row full-row image-header">

    <?php if(isset($page->images[0])): ?>
        <figure class="image-header-content" style="background-image: url('<?php echo $page->images[0]->large_image_url; ?>')"></figure>
    <?php else: ?>
        <figure class="image-header-content" style="background-image: url('/img/structure/fallback/fallback.jpg')"></figure>
    <?php endif; ?>

    <div class="wave">
        <img src="/img/structure/wave-reversed.svg" alt="Wave">
    </div>

</div>

<div class="grid-row page-header parent-page">
    <div class="grid-col col-12">
        <div class="page-header-wrapper">
            <h1><?php echo $page->translation->page_name; ?></h1>
            <p><?php echo $page->translation->description; ?></p>
        </div>
    </div>
</div>