{if $gallery["photos"]->count() === 1}
{loop $gallery['photos'] as $i => $photo}
<img src="{url photoFormat $photo['file'],'photo','1536x1536.webp'}" alt="{$photo['description']}">
{/loop}
{else}
{{
	$amount = $gallery['photos']->count();
	$width = "m-6";
	if ($amount > 4) {
		$width = "m-4";
	}
	if ($amount > 8) {
		$width = "m-3";
	}
	if ($amount > 16) {
		$width = "m-2";
	}
}}
{loop $gallery['photos'] as $i => $photo}
	<div class="s-12 {$width}">
		<a class="image-with-hover-overlay image-hover-zoom glightbox" data-gallery="gallery" href="{url photoFormat $photo['file'],'photo','1536x1536.webp'}">
			<img class="full-img" src="{url photoFormat $photo['file'],'crphoto','500x500.webp'}" alt="{$gallery['title']}" />
		</a>
	</div>
	{/loop}
{/if}