<div class="container"> <div class="block-fade bg-primary mb-12 mt-6 lazyBackgroundImage" data-moblie="{{ 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(23, 'content') }}">{{ renderSetting(23, 'title') }}</a> </div> </div> {% if block['page'] %} <div class="md:hidden md:col-5 order-1 md:order-2"> <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ block['page'].image2, 'zoomCrop', 1610, 900) }}" alt="{{ block['page'].title }}" loading="lazy" /> </div> {% endif %} </div> </div></div>