{{ if .Params.masonryGallery }}
<div
  class="mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 md:columns-3 lg:columns-4 [&>img:not(:first-child)]:mt-4"
>
  {{ range .Params.masonryGallery }}
  <img
    loading="lazy"
    class="rounded-lg hover:scale-110 ease-in-out duration-300 transition-all shadow-xl hover:shadow-2xl"
    src="{{ .image }}"
  />
  {{ end }}
</div>
{{ end }}