<div class="container"> <div class="block-fade bg-primary mb-12 mt-6 lazyBackgroundImage" data=mobile="{{ imageCache('/userfiles/images/page/' ~ block['page'].image2, 'zoomCrop', 1610, 900) }}" data-desktop="{{ imageCache('/userfiles/images/page/' ~ block['page'].image2, 'zoomCrop', 1610, 900) }}"> <div class="row block-fade--gradient"> <div class="md:col-7 order-2 md:order-1 flex flex-col justify-center z-20"> <div class="p-8 pt-10"> <div> {{ block['data']|raw }} </div> <a class="btn btn-white mt-12" href="{{ renderSetting(24, 'content') }}">{{ renderSetting(24, 'title') }}</a> </div> </div> <div class="md:hidden md:col-5 order-1 md:order-2"> {% if block['page'] %} <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ block['page'].image2, 'zoomCrop', 1610, 900) }}" alt="{{ block['page'].title }}" loading="lazy" /> {% endif %} </div> </div> </div></div>