{% if page.features_keep_your_restaurant.i_bg_image %}
{% assign main_hero_bg = '' %}
  {% capture main_hero_bg %}{% picture open_graph_2000 pages/{{ page.features_keep_your_restaurant.i_bg_image}} %}{% endcapture %}
  {% endif %}
<section class="restaurant_finances_section" style="background-image: url('{{ site.baseurl }}{{ main_hero_bg }}')">
  <div class="custom_container_fluid">
    <div class="accounting_common_container">
    <div class="row text-center mb-5">
      <div class="col-lg-12">
        <h2>{{ page.features_keep_your_restaurant.t_headline }}</h2>
      </div>
    </div>
    {% for item in page.features_keep_your_restaurant.features_keep_your_restaurant_items %}
    <div class="row align-items-center mb-5 {{ item.p_class }}">
      <div class="col-lg-6">
        <div class="feature_image_wrapper">
          <div class="common_float_image top_right_image">
            {% if item.i_top_right %}
              {% assign image_alt =  item.i_top_right | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
              {% picture thumbnail_image pages/{{ item.i_top_right }} alt="{{ image_alt }}"%}
            {% endif %}
          </div>
          <div class="feature_main_image">
            {% if item.i_image %}
              {% assign image_alt =  item.i_image | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
              {% picture open_graph_cta pages/{{ item.i_image }} alt="{{ image_alt }}"%}
            {% endif %}
          </div>
          <div class="common_float_image bottom_left_image">
            {% if item.i_bottom_left %}
              {% assign image_alt =  item.i_bottom_left | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
              {% picture thumbnail_image pages/{{ item.i_bottom_left }} alt="{{ image_alt }}"%}
            {% endif %}
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="feature_content_wrapper">
          <h3>{{ item.t_headline }}</h3>
          <p>{{ item.t_subheadline }}</p>
        </div>
      </div>
    </div>
    {% endfor %}
    </div>
  </div>
</section>