Add circlar selfie to about page

static/styles/root.css

@@ -202,6 +202,11 @@ html {
     font-size: clamp(var(--font-size-min), 1vw, var(--font-size-max));
 }
 
+img.circular {
+    shape-outside: circle(50%);
+    -webkit-clip-path: circle(50%);
+}
+
 main {
     max-width: var(--content-width);
     margin: 0 auto;
@@ -443,6 +448,7 @@ p:last-child { margin-block-end: 0; }
 /** HELPER CLASSES **/
 
 .centered { text-align: center; }
+.float-right { float: right; }
 .nobreak { white-space: nowrap; }
 
 .platter {