diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss
index 8da4762..4886046 100644
--- a/assets/scss/_header.scss
+++ b/assets/scss/_header.scss
@@ -9,6 +9,12 @@
   flex-direction: column;
   margin: 1.25rem 0;
 
+  .avatar {
+    height: 3rem;
+    margin: auto 0;
+    border-radius: 35%;
+  }
+
   h1 {
     margin: 0;
   }
@@ -20,6 +26,8 @@
   .title {
     display: flex;
     justify-content: center;
+    gap: .5rem;
+    margin-bottom: .5rem;
   }
 
   nav {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 458b4f0..b43b4cd 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,6 @@
 <header class="main-header">
   <a href="{{ .Site.BaseURL }}" class="title">
+    <img class="avatar" src="{{ .Site.BaseURL  }}images/avatar.png">
     <h1>{{ .Site.Title }}</h1>
   </a>
   <nav role="navigation" aria-label="Primary">