{% assign saving-image = page.space_saving.i_image %}
  {% capture saving-image %}{% picture open_graph pages/{{ saving-image }} %}{% endcapture %}

  {% assign saving-bg = page.space_saving.i_bg_image %}
  {% capture saving-bg %}{% picture open_graph pages/{{ saving-bg }} %}{% endcapture %}

<section class="my-5 is-container">
    <div class="space_saving" style="background-image: url({{saving-bg}})">
        <div class="col-md-12">
            <div class="row align-items-center m-0">
                <div class="col-md-5">
                    <div class="space_saving_left">
                        <img src="{{saving-image}}" class="image-fluid" alt="{{ page.space_saving.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg' | remove: '.svg'| replace: '-',' ' | replace: '_',' ' }}">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="space_saving_right">
                        <h2>{{page.space_saving.t_headline}}</h2>
                        <p>{{page.space_saving.t_subheadline}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>