Merge pull request #102 from runofthemillgeek/fix/aspect-ratio-layout-shift

Fix layout shifts by preserving aspect-ratio at responsive sizes

layouts/_default/_markup/render-image.html

@@ -46,7 +46,7 @@ and build the img class string as "img-tag1 img-tag2 ..."
 {{/* Use the computed classes on the rendered figure */}}
 <figure class="{{ $classes }}">
 
-    <div>
+    <div class="img-container" {{ with $imgResource }}style="--w: {{ .Width }}; --h: {{ .Height }};"{{ end }}>
         <img loading="lazy" alt="{{ .Text }}" src="{{ $url }}" {{ with $imgResource }}width="{{ .Width }}" height="{{ .Height }}"{{ end }}>
     </div>