Improve image loading by keeping size

themes/tegakituesday.com/layouts/partials/submission.html

@@ -2,10 +2,10 @@
 	<figure>
 		{{ if .image }}
 			{{ $thumbnail := .image.Resize "500x" }}
-			<a href="{{ .image.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .submission.username }}'s submission"></a>
+			<a href="{{ .image.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" style="aspect-ratio: {{ .image.Width }} / {{ .image.Height }}" title="{{ .submission.username }}'s submission"></a>
 			<figcaption><a href="https://discord.com/users/{{ .submission.id }}"><i class="fab fa-discord"></i> {{ .submission.username }}</a></figcaption>
 		{{ else }}
 			<figcaption>Image not found!</figcaption>
 		{{ end }}
 	</figure>
-</div>
+</div>

themes/tegakituesday.com/static/css/style.css

@@ -497,6 +497,8 @@ figure {
 	margin-bottom: var(--gap);
 	overflow: hidden;
 	display: inline-block;
+	width: 100%;
+	box-sizing: border-box;
 }
 
 figcaption {