Fix figure text overflow

layouts/partials/paige/figure.html

@@ -2,7 +2,7 @@
 {{ $content := .content | markdownify }}
 
 <figure class="align-items-center d-flex flex-column justify-content-center paige-figure">
-    <div {{ if $caption }} class="mb-2" {{ end }}>{{ $content }}</div>
+    <div class="{{ if $caption }} mb-2 {{ end }} mw-100">{{ $content }}</div>
     {{ with $caption }}
         <figcaption class="figure-caption">{{ . }}</figcaption>
     {{ end }}

layouts/partials/paige/style.html

@@ -3,6 +3,10 @@ body, html {
     height: 100%;
 }
 
+section[class="paige-content"] {
+    max-width: 100%;
+}
+
 section[class="paige-content"] > blockquote {
     padding: 0.5rem 1rem;
     border-left: 0.25rem solid var(--bs-border-color);