vocurations/user/themes/vocurations/templates/partials/hero.html.twig

<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url('{{ hero_image.url }}');"{% endif %}>
    {% for item in page.collection %}
    <li>
      <a href="{{ item.url }}" class="{{ active_page }}">
        {{ item.menu }}
      </a>
    </li>
    {% endfor %}

    <h1>{{page.title}}</h1>
    <section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
        {% for images in child.media.images %}
          <div>
            {{images.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(page.title, 'images about')}}
          </div>
        {% endfor %}

        {{ child.content|raw }}

    </section>
</section>