{% if page.industry_section4.i_bg_image %}
  {% assign i_bg_image = '' %}
  {% capture i_bg_image %}{% picture open_graph_1920 pages/{{ page.industry_section4.i_bg_image}} %}{% endcapture %}
{% endif %}
<section>
    <div class="industry_section4 {{page.industry_section4.p_class2}}" {% if page.industry_section4.i_bg_image %} style="background-image: url('{{ i_bg_image }}')" {% endif %}>
        <div class="is-container">
            <div class="col-md-12">
                <div class="row align-items-center">
                    <div class="col-sm-6 col-md-6">
                        <div class="industry_section4_left">
                            <h3>{{page.industry_section4.t_headline}}</h3>
                             {% if page.industry_section4.t_subheadline %}
                            <p>{{page.industry_section4.t_subheadline}}</p>
                            {% endif %}
                            <a href="{{site.url}}/{{page.industry_section4.p_btn}}" {% if page.industry_section4.p_class %} class="{{page.industry_section4.p_class}}" {% endif %}>
                                {{page.industry_section4.t_btn}}
                                {% if page.industry_section4.i_btn_icon %}
                                <span>
                                    {% capture btn_icon %}{% picture open_graph pages/{{ page.industry_section4.i_btn_icon }} %}{% endcapture %}
                                    <img src="{{ btn_icon }}" alt="{{ page.industry_section4.i_btn_icon | remove: '.png' | remove: '.webp' | remove: '.jpg' | replace: '-',' ' | replace: '_',' ' }}">
                                </span>
                                {% endif %}
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6">
                        <div class="industry_section4_right">
                          {% if page.industry_section4.i_main_image %}

    {%- assign clean_image = page.industry_section4.i_main_image
        | replace: '', ''
        | replace: '&#8203;', ''
        | replace: '%E2%80%8B', ''
    -%}

    {%- capture main_image -%}
        {% picture open_graph pages/{{ clean_image }} %}
    {%- endcapture -%}

    <img src="{{ main_image | strip }}"
         alt="{{ clean_image
                | remove: '.png'
                | remove: '.jpg'
                | remove: '.webp'
                | replace: '-', ' '
                | replace: '_', ' '
              }}">
{% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>