{{ isOdd = index % 2 }}
{{# DESKTOP VERSION #}}
<div class="is-hidden-mobile incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet ">
    <div class="bg" style="background-image:url('{{ glide:photo q="80" width="1344" fm="webp"}}')"></div>
    <div class="grid text-content py-3">
        {{ if isOdd }} <div></div> {{ /if }}
        <div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
            <div class="is-size-3-tablet has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
            <p class="is-size-5-tablet">{{ description }}</p>
        </div>
        {{ if !isOdd }}<div></div>{{ /if }}
    </div>
</div>

{{# MOBILE VERSION #}}
<div class="is-hidden-tablet incentive-block block py-3">
    <img src="{{ glide:photo q="80" width="500" fm="webp"}}"/>
    <div class="grid text-content py-3">
        <div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
            <div class="is-size-3-tablet has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
            <p class="is-size-5-tablet">{{ description }}</p>
        </div>
    </div>
</div>