diff --git a/content/about.md b/content/about/index.md
similarity index 96%
rename from content/about.md
rename to content/about/index.md
index 2a8ea45..4524fb3 100644
--- a/content/about.md
+++ b/content/about/index.md
@@ -4,7 +4,9 @@ title = "About"
 notoc = true
 +++
 
-This is my personal website mainly used for technical articles about problems and projects I am working on.
+<img src="profile-picture.jpg" alt="Profile Picture" class="profile-picture">
+
+This is my personal website mainly used for technical articles about problems and projects I&nbsp;am working on.
 
 It is generated to static HTML via [Zola](https://www.getzola.org/).
 
diff --git a/content/about/profile-picture.jpg b/content/about/profile-picture.jpg
new file mode 100644
index 0000000..2233804
Binary files /dev/null and b/content/about/profile-picture.jpg differ
diff --git a/sass/style.scss b/sass/style.scss
index 0a5578b..79d1703 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -211,6 +211,12 @@ a {
 	&:hover { text-decoration: underline }
 }
 
+.profile-picture {
+  float: right;
+  width: 15rem;
+  margin-left: 3em;
+}
+
 @media screen and (max-width: 50rem) {
 
 	.grid { grid-template-columns: auto }
@@ -230,6 +236,11 @@ a {
 		}
 		span.title { display: none }
 	}
+
+  .profile-picture {
+    width: 10rem;
+    margin-left: 1em;
+  }
 }
 
 @media (prefers-color-scheme: dark) {