hugo-theme/layouts/_default/list.html

{{ define "main" }}
	<div class="panel space-y-2">
		{{ .Content }}
	</div>
	{{ range .Pages.ByPublishDate.Reverse }}
	{{- $images := default (slice "/imgs/no-image-new.webp" "/imgs/no-image-new.png") .Params.Images }}
	{{- $altText := default "No alt text" .Params.ImageAltText }}
	<div class="panel my-2">
		<h2 id="{{ .Section }}-{{ .Title | anchorize }}"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
		<div class="flex flex-row flex-wrap md:flex-nowrap mt-2">
			<span class="image-wrapper w-full h-32 md:w-32 md:h-32">
				<img srcset="{{ delimit $images ", " }}" src="{{ index (last 1 $images) 0 }}" alt="{{ $altText }}" />
			</span>
			<p class="m-2 flex-1">{{ .Params.Intro | markdownify }}</p>
		</div>
	</div>
	{{ end }}
{{ end }}