feat: add randomized portfolio hero variants

app/globals.css

@@ -62,17 +62,39 @@
   padding: 0;
 }
 
+html,
+body {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: hidden;
+  overscroll-behavior-x: none;
+}
+
 html {
   scroll-behavior: smooth;
 }
 
 body {
+  position: relative;
   background: var(--paper);
   color: var(--ink);
   font-family: var(--font-mono);
   font-size: 14px;
   line-height: 1.68;
-  overflow-x: hidden;
+}
+
+img,
+video,
+canvas,
+svg {
+  max-width: 100%;
+}
+
+@supports (overflow: clip) {
+  html,
+  body {
+    overflow-x: clip;
+  }
 }
 
 a {