{{- $id := .Get 0 }}
{{- $title := .Get 1 }}
{{- $path := printf "ytcovers/%s.jpg" $id}}
{{- $img := resources.Get $path }}
{{- $img1x := $img.Resize "x300 webp q90" }}
{{- $img2x := $img.Resize "x600 webp q90" }}

<figure>
  <a href="https://www.youtube.com/watch?v={{$id}}" target="_blank">
    <img
      loading="lazy"
      class="center"
      src="{{ $img1x.Permalink }}" 
      srcset="
              {{ $img1x.Permalink }} 1x,
              {{ $img2x.Permalink }} 2x
              "
      width="{{ $img1x.Width }}" 
      height="{{ $img1x.Height }}"
      alt="{{$title}} on Youtube" 
      >
  </a>
</figure>