{% assign happier_customers1 = page.happier_customers.i_image %}
  {% capture happier_customers1 %}{% picture open_graph pages/{{ happier_customers1 }} %}{% endcapture %}

{% assign happier_customers2 = page.happier_customers.i_image2 %}
  {% capture happier_customers2 %}{% picture open_graph pages/{{ happier_customers2 }} %}{% endcapture %}

<section class="is-container happier_customers_wrap">
  {% if page.customize_menu.t_headline %}
  {% assign customize_menu1 = page.customize_menu.i_image %}
  {% capture customize_menu1 %}{% picture open_graph pages/{{ customize_menu1 }} %}{% endcapture %}

{% assign customize_menu2 = page.customize_menu.i_image2 %}
  {% capture customize_menu2 %}{% picture open_graph pages/{{ customize_menu2 }} %}{% endcapture %}
<div class="customize_menu">
  <div class="row justify-content-center align-items-center">
    <div class="col-md-3">
      <div class="hero-image">
         <img data-sal="slide-up" data-sal-duration="500" data-sal-ease="ease-in-out" src="{{customize_menu1}}" alt="{{ page.customize_menu.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
      </div>
    </div>
    <div class="col-md-6 text-center">
      <h2 class="mb-4">
        {{ page.customize_menu.t_headline }}
      </h2>
      <p>
        {{ page.customize_menu.t_subheadline }}
      </p>
    </div>
    <div class="col-md-3">
      <div class="hero-image2">
        <img data-sal="slide-up" data-sal-duration="500" data-sal-ease="ease-in-out" src="{{customize_menu2}}" alt="{{ page.customize_menu.i_image2 | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
      </div>
    </div>
  </div>
</div>
{% endif %}
<div class="happier_customers">
  {% if page.happier_customers.t_title %}
  <h2 class="text-center">{{ page.happier_customers.t_title }}</h2>
  {% endif %}
  <div class="row justify-content-center">
    <div class="col-md-4 text-center">
      <img data-sal="slide-up" data-sal-duration="500" data-sal-ease="ease-in-out" src="{{happier_customers1}}" alt="{{ page.happier_customers.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
    </div>
    <div class="col-md-4 text-center">
      <div class="hc_middle">
        <h2>
          {{ page.happier_customers.t_headline }}
        </h2>
        <p>
          {{ page.happier_customers.t_subheadline }}
        </p>
      </div>
    </div>
    <div class="col-md-4 text-center">
       <img data-sal="slide-up" data-sal-duration="500" data-sal-ease="ease-in-out" src="{{happier_customers2}}" alt="{{ page.happier_customers.i_image2 | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
    </div>
  </div>
</div>
</section>