<section class="section section--page pt-0">
    <div class="container">
        {include file="breadcrumbs.tpl"}
        <div class="article-text">{$page->body}</div>
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto));gap:20px;">
        {foreach from=$page->images item=photo key=key}
            <a href="{$photo|resize}" data-fancybox="gallery" data-caption="{$page->name}">
                <img style="width: 100%; height: 100%; object-fit: cover;" alt="{$page->name}" src="{$photo|resize:400:300:crop}">
            </a>
        {/foreach}
        </div>
    </div>
</section>
