Use the new portrait on About and crop it to a circle

about.md

@@ -4,7 +4,8 @@ title: About
 permalink: /about/
 ---
 
-![my_image]({{ site.url}}{{ site.baseurl }}/assets/images/my_profile_picture.jpg)
+<img class="profile-photo" src="{{ site.url }}{{ site.baseurl }}/assets/images/my_profile_picture.jpg" alt="Jaysinh Shukla">
+
 
 
 I am **Jaysinh Shukla**, a Software Engineer at Amazon. For more than ten years I have

assets/main.scss

@@ -0,0 +1,16 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+@import "minima";
+
+// The About page portrait. `cover` keeps the face centred whatever aspect
+// ratio the source photo has, so the circle never squashes it.
+.profile-photo {
+  display: block;
+  margin: 0 auto $spacing-unit;
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  object-fit: cover;
+}