 <div class="space-y-2.5 grid grid-cols-1 lg:grid-cols-2 gap-2 lg:gap-4">
      {{ range $index, $page := .Data.Pages -}}
      <a class="block px-3 py-4 row-span-2" href="{{ .RelPermalink }}">
        {{ $title := .Params.title }}

        {{ with .Params.images }}
        {{- range first 1 . }}
        <img class="rounded max-w-full w-full mb-4" src="{{ . }}" alt="{{ $title }}" />
        {{ end -}}
        {{ end }}
        <h3 class="text-lg font-semibold mb-0.5 lg:text-xl 2xl:text-3xl">{{ $title }}</h3