diff --git a/about.md b/about.md
index 4d02a77..cd1bd34 100644
--- a/about.md
+++ b/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
diff --git a/assets/images/my_profile_picture.jpg b/assets/images/my_profile_picture.jpg
index 93a0243..b18bea8 100644
Binary files a/assets/images/my_profile_picture.jpg and b/assets/images/my_profile_picture.jpg differ
diff --git a/assets/main.scss b/assets/main.scss
new file mode 100644
index 0000000..12f3a0b
--- /dev/null
+++ b/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;
+}