Bump the priority of the first displayed image

theme/media.html.j2

@@ -21,6 +21,7 @@
                 "
                 sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))"
                 type="image/webp">
+            <!-- The <img> tag is a fallback image (required in the <picture> tag) -->
             <img
                 src="{{ photo.gallery_slug }}/jpg/{{ photo.name }}_{{ sizes.0.0 }}x{{ sizes.0.1 }}.jpg"
                 width="{{ photo.width }}" height="{{ photo.height }}"
@@ -30,6 +31,8 @@
                 {%- endfor -%}
                 "
                 sizes="min(100vw, calc(100vh * {{ photo.width }} / {{ photo.height }}))"
+                fetchpriority="high"
+                decoding="sync"
                 alt="TODO">
         </picture>
     </div>