{% assign hero_image = '' %}
    {% capture hero_image %}{% picture open_graph pages/{{ page.hero.i_image }} %}{% endcapture %}
<section class="apps_hero_section">
    <div class="is-container">
        <div class="apps_hero">
                <div class="col-md-12">
                    <div class="row m-0 row align-items-center">
                        <div class="col-md-6">
                            <div class="apps_hero_left">
                                <h1>{{page.hero.t_headline}}</h1>
                                <p>{{page.hero.t_subheadline}}</p>
                                <a href="{{page.hero.p_btn_url}}">{{page.hero.t_btn_text}}</a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="apps_hero_right">
                               <img src="{{hero_image}}" class="image-fluid" alt="{{ page.streamline_operations.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg' | replace: '-',' ' | replace: '_',' ' }}">
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
</section>