<div class="image-with-overlay" data-module="imageWithOverlay">
    {{#if image}}
    {{> @cp-medium-image image }}
    {{/if}}
    <div class="image-with-overlay__container">
        <div class="grid-x">
            <div class="cell medium-7 medium-offset-1 large-offset-2 large-5">
                <h2 class="image-with-overlay__title">{{title}}</h2>
                <p class="image-with-overlay__subline">{{subtitle}}</p>
                {{#if button}}
                {{> @cp-button-primary target=button.target url=button.url text=button.text modifier="with-icon" }}
                {{/if}}
            </div>
        </div>
    </div>
</div>