{% assign feature_bg = '' %}
  {% capture feature_bg %}{% picture open_graph pages/{{ page.solutions.i_image}} %}{% endcapture %}

<section class="solutions_wrapper" style="background-image: url('{{ site.baseurl }}{{ feature_bg }}')">
  <div class="is-container">
    <h2 class="text-center">{{ page.solutions.t_headline }}</h2>
    <p class="text-center">{{ page.solutions.t_subheadline }}</p>
  </div>

    <div class="grid is-container">
      {% for items in page.solutions.features %}
        <a class="card" href="{{site.url}}{{ items.p_page_url }}">
          {% assign features_image = '' %}
          {% capture features_image %}{% picture width_450 pages/{{ items.i_image }} %}{% endcapture %}
            {% if items.i_image %}
              <img src="{{ features_image }}" alt="{{items.i_image | remove: '.png' | remove: '.webp' | remove: '.svg' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}" class="feature_main">
            {% endif %}

          {% assign features_icon = '' %}
          {% capture features_icon %}{% picture width_260 pages/{{ items.icon }} %}{% endcapture %}
            {% if items.icon %}
              <img src="{{ features_icon }}" alt="{{items.icon | remove: '.png' | remove: '.webp' | remove: '.svg' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}" class="feature_title_icon">
            {% endif %}
        </a>
      {% endfor %}
    </div>
</section>