about: Clean up the markup a little bit

I'm still not happy with the circular image. It's not aligned like I would like.

content/about/_index.md

@@ -1,17 +1,16 @@
 ---
 title: "Hi! 👋🏻"
+layout: single
 resources:
   - name: me
     src: me.jpeg
     params:
-      alt: "
-        Me, wearing a hat and smiling slightly, standing in front of a stone background.
-      "
+      alt: >
+        Me, wearing a hat and smiling slightly, standing in front of a stone
+        background.
 ---
 
-{{% section class=flow %}}
-
-{{< circular_image id=me name=me class="float-right" width=200 >}}
+{{% section class=content--small-right-column %}}
 
 I'm Eryn. My pronouns are [she/her][p]. I'm a queer trans woman. I live in San
 Francisco, CA, on the unceded ancestral lands of the Ramaytush Ohlone people,
@@ -21,6 +20,8 @@ I attended [Oberlin College][ob] where I got a degree in Computer Science.
 
 I speak English natively, and Spanish too, though I always need more practice.
 
+{{< circular_image id=me name=me class="content--right-column" width=200 >}}
+
 {{% /section %}}
 
 ## Hobbies

layouts/shortcodes/circular_image.html

@@ -6,7 +6,8 @@
 {{- $resized_img := $img.Resize (printf "%dx%d" $width $width) -}}
 <img
   {{ with $id }}id="{{ . }}"{{ end }}
-  class="circular{{ with $classes }} {{ . }}{{ end }}"
+  class="img--circular{{ with $classes }}  {{ . }}{{ end }}"
   src="{{ $img.RelPermalink }}"
   {{ with $alt }}alt="{{ . }}"{{ end }}
-  width="{{ $width }}" height="{{ $width }}">
+  width="{{ $width }}"
+  height="{{ $width }}">