<div class="cols-image-grid block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}} {{ $block->no_background ? 'cols-image-grid--no-bg' : '' }}">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="cols-image-grid__wrapper">
        <div class="cols-image-grid__container">
            @if($block->block_title)
                <h2 class="cols-image-grid__title heading1">
                    @title($block->block_title)
                </h2>
            @endif
            @if($block->block_subtitle)
                <span class="cols-image-grid__subtitle">
                    {{ $block->block_subtitle }}
                </span>
            @endif
            <div class="cols-image-grid__grid">
                @foreach($block->cards as $card)
                    <div class="cols-image-grid__item"  data-role="cta-block">
                        <div
                            class="cols-image-grid__item-image"
                            @if(!empty(getUrlFromLink($card->cta)))
                                data-action="click-cta"
                            @endif
                        >
                            @if($card->image)
                                <picture>
                                    <source srcset="{{ getMediaUrl($card->image->filename, '400x240') }}.webp" type="image/webp">
                                    {!! getMediaImg($card->image, '400x240', htmlspecialchars($card->title)) !!}
                                </picture>
                            @endif
                        </div>
                        @if(!empty(getUrlFromLink($card->cta)))
                            <div class="cols-image-grid__item-cta">
                                {!! generateLink($card->cta, 'std-button icon-arrow-right') !!}
                            </div>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
