{% if page.mobile_fourth_section.i_image %}
  {% assign hero_bg = '' %}
  {% capture hero_bg %}{% picture open_graph_1920 pages/{{ page.mobile_fourth_section.i_image}} %}{% endcapture %}
{% endif %}
<section class="mobile_fourth_section" style="background-image: url('{{ hero_bg }}')">
  <div class="is-container">
      <div class="row">
        <div class="col-sm-6 col-md-6">
          <h2>{{ page.mobile_fourth_section.t_title }}</h2>
          <p>{{ page.mobile_fourth_section.t_description }}</p>
          <div class="mobile_btn">
            <a href="{{ site.url }}/{{ page.mobile_fourth_section.p_link}}" class="is-button primary-button">{{ page.mobile_fourth_section.t_button}}</a>
          </div>
        </div>
        <div class="col-sm-6 col-md-6">
          {% assign image_main = '' %}
          {% capture image_main %}{% picture open_graph pages/{{ page.mobile_fourth_section.i_image2 }} %}{% endcapture %}
          <img src="{{ image_main }}" alt="{{page.mobile_fourth_section.i_image2 | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
        </div>
      </div>
  </div>
</section>