{{ if .Params.gallery }}
<div
  class="grid grid-cols-1 sm:grid-cols-2 max-w-[800px] gap-4 my-8 w-full mt-20"
>
  {{ range .Params.gallery }}
  <div>
    <img
      src="{{ .image }}"
      style="object-fit: cover"
      loading="lazy"
      class="aspect-[1/1] w-full rounded-lg"
    />
    <div class="gap-4 flex flex-col">
      <p class="text-xl font-bold pt-2">{{ .title }}</p>
      <p class="text-sm">{{ .description }}</p>
    </div>
  </div>
  {{ end }}
</div>
{{ end }}