<section class="image-header is-underlined has-submenu"> <div class="container"> <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(experience.headerImage, null) }}"></picture-component> {% if experience.headerYoutubeUrl is not empty %} <div class="image-header--media"> <video class="image-header--video" poster="{{ experience.headerImage | resize(1920)|file_url }}" loop muted autoplay data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "{{ experience.headerYoutubeUrl }}"}] }'></video> </div> {% endif %} <a class="image-header--return js-return-page" href="{{ app.request.headers.get('referer') }}"> {% include 'partials/global/svg/arrow-left.svg.twig' %} </a> <div class="image-header--content"> <h1 class="image-header--subtitle title-p2"> {{ experience.hotel.title }} </h1> <h1 class="image-header--title title-l">{{ experience.title }}</h2> </div> </div></section>