{% if page.guest_experience.i_bg_image %}
  {% assign i_bg_image = '' %}
  {% capture i_bg_image %}{% picture open_graph_1920 pages/{{ page.guest_experience.i_bg_image}} %}{% endcapture %}
{% endif %}
<section>
    <div class="guest_experience_main" {% if page.guest_experience.i_bg_image %} style="background-image: url('{{ i_bg_image }}')" {% endif %}>
        <div class="is-container">
            <div class="col-lg-12">
                <div class="row m-0 align-items-center">
                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="guest_experience_image">
                            {% if page.guest_experience.i_main_image %}
                            {% picture article_top pages/{{page.guest_experience.i_main_image}} alt="{{ page.guest_experience.i_main_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}"  class="img-fluid bi_image" %}
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="guest_experience_description">
                            <h3>{{page.guest_experience.t_category}}</h3>
                            <h2>{{page.guest_experience.t_headline}}</h2>
                            <p>{{page.guest_experience.t_subheadline}}</p>
                            <ul>
                                {% for item in page.guest_experience.guest_experience_items %}
                                <li>
                                    <p>{{item.t_title}}</p>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>