<div class="grid grid-3">
  {{ range where site.RegularPages "Section" "blog" }}
  {{ if in .Params.categories "pet-training" }}
  <article class="card">
    {{ with .Params.image }}
    <img src="{{ . | absURL }}" alt="{{ $.Title }}" class="card-image" loading="lazy" decoding="async">
    {{ end }}
    <div class="card-content">
      <h2 class="card-title" style="font-size: 1.25rem;">
        <a href="{{ .Permalink }}">{{ .Title }}</a>
      </h2>
      <p class="card-meta">
        <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
      </p>
      {{ with .Description }}
      <p class="card-excerpt">{{ . }}</p>
      {{ end }}
      <a href="{{ .Permalink }}" class="btn btn-secondary" style="margin-top: 1rem; font-size: 0.875rem;">Read More</a>
    </div>
  </article>
  {{ end }}
  {{ end }}
</div>