Remove max width with scroll from content

exampleSite/content/_index.md

@@ -15,7 +15,7 @@ paige:
 title: "Paige"
 ---
 
-<p>{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="20rem" loading="eager" process="webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="100%" %}}</p>
+<p>{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4 shadow-lg" fetchpriority="high" height="20rem" loading="eager" process="webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="100%" %}}</p>
 
 <p class="display-5 fw-bold h2 text-center">An advanced Hugo theme</p>
 

layouts/partials/paige/content.html

@@ -3,5 +3,5 @@
 {{ $content := $page.Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` (printf `${1} <a aria-label="%v" class="paige-header-link text-decoration-none" href="#${2}">#</a>${3}` (i18n "paige_aria_section_link")) | safeHTML }}
 
 {{ with $content }}
-    <div class="mw-100 overflow-x-auto" id="paige-content">{{ . }}</div>
+    <div id="paige-content">{{ . }}</div>
 {{ end }}