<section class="c-image-heading  @modifiers('c-image-heading')">

    <div class="c-image-heading__image  @if(isset($imageHeadingImage)) c-image-heading__image--by-kms @endif">
        @if(isset($imageHeadingImage))
            <span class="c-image-heading__img  large" style="background-image: url('{{ $imageHeadingImage->large_image_url }}')"></span>
            <span class="c-image-heading__img  medium" style="background-image: url('{{ $imageHeadingImage->medium_image_url }}')"></span>
            <span class="c-image-heading__img  small" style="background-image: url('{{ $imageHeadingImage->small_image_url }}')"></span>
        @endif
    </div>

    <div class="c-image-heading__main">
        <div class="l-contain">
            <h1 class="c-image-heading__title">{!! $imageHeadingTitle !!}</h1>
            @if(isset($imageHeadingSubtitle))<p class="c-image-heading__description">{!! $imageHeadingSubtitle !!}</p>@endif
        </div>
    </div>

</section>