diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css
index a6d2b11..442e431 100644
--- a/css/skeleton-auto.css
+++ b/css/skeleton-auto.css
@@ -194,3 +194,16 @@ hr {
   border-width: 0;
   border-top: 1px solid #e1e1e1;
 }
+
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+  background-position: center;
+  border-radius: 50%;
+}
diff --git a/index.html b/index.html
index c84d9ea..a3a9604 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
         -->
 
         <!-- Your Image Here -->
-        <img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="Falc0n2k's avatar">
+        <img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="Falc0n2k's avatar">
 
         <!-- Title -->
         <h1>Falc0n2k</h1>