Slider Card

<div data-card-index="{{@index}}" class="image-and-card-slider-card js-card {{#if @first}}active{{/if}}" data-main-image="{{mainImage.src}}" data-module="card">
        
    {{#if image}}
    <div class="image-and-card-slider-card__image">
        {{> @image image}}
    </div>
    {{/if}}
    
    <div class="image-and-card-slider-card__content">
        <h3 class="image-and-card-slider-card__title">{{title}}</h3>

        {{#if richText}}
        <div class="image-and-card-slider-card__body">{{> @rich-text richText }}</div>
        {{/if}}

        
        <div class="image-and-card-slider-card__cta-container">
            {{#if primaryCta}}
                <a href="{{primaryCta.url}}" class="image-and-card-slider-card__primary-cta">{{primaryCta.text}}</a>
            {{/if}}
            {{#if secondaryCta}}
                <a href="{{secondaryCta.url}}" class="image-and-card-slider-card__secondary-cta">{{secondaryCta.text}}</a>
            {{/if}}
        </div>
        
    </div>
</div>