{{ with .Site.GetPage "/spotlights" }}
  {{ range .Pages }}
    <section class="spotlight {{ .Params.style }}" id="{{ .Params.id }}">
      <div class="content">
	<h2>{{ .Title }}</h2>
        <p>{{ .Content }}</p>
        {{ with .Params.button }}
        <ul class="actions stacked">
          <li><a href="#{{ .link }}" class="button smooth-scroll-middle">{{ .label }}</a></li>
        </ul>
        {{ end }}
      </div>
      {{ $alt := .Title }}
      {{ range .Resources.ByType "image" }}
      {{ with .Process "webp Resize x900" }}
      <div class="image">
	      <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="{{ $alt }}" />
      </div>
      {{ end }}
      {{ end }}
      </section>
  {{ end }}
{{ end }}