{{ $image := "" }}
{{ if (.Resources.ByType "image").GetMatch "*featured*" }}
  {{ $image =  (.Resources.ByType "image").GetMatch "*featured*" }}
{{ else if resources.Get (index .Params.images 0) }}
  {{ $image =  resources.Get (index .Params.images 0) }}
{{ end }}
{{ with $image }}
  <div class="text-center">
    <div class="relative inline-block">
      <img
        {{ if ne .MediaType.SubType "svg" }}
          {{ $image := .Fit (default "768x400 webp" $.Params.image_size) }}
          width="{{ $image.Width }}" height="{{ $image.Height }}"
          src="{{ $image.RelPermalink }}"
        {{ else }}
          src="{{ $image.RelPermalink }}"
        {{ end }}
        class="m-0"
        alt="{{ .Title }}"
      />
      {{ with $.Params.caption }}
        <a
          href="{{ .url }}"
          class="text-white block absolute bottom-0 right-0 p-2 bg-black bg-opacity-40 rounded"
        >
          {{ .text }}
        </a>
      {{ end }}
    </div>
  </div>
{{ end }}