{{ if .img_grid }}
<div class="container relative mx-auto px-4">
  <div class="flex flex-wrap justify-center mx-auto lg:w-full md:w-5/6">
    {{ range $i, $option := .img_grid }}
    <div class="w-1/2 md:w-1/3 p-2">
      <div class="flex justify-center items-center w-full">
        <a href="{{ $option.link }}" class="relative align-center" target="_blank" rel="noopener noreferrer"
          title="{{ $option.name }}">
          {{ $imgres := .resources.Get $option.icon }}
          <img class="max-w-24 align-center" src="{{ $option.icon }}" alt="{{ .Item.Name }}">
        </a>
      </div>
    </div>
    {{ end }}
  </div>
</div>
{{ end }}