diff --git a/build/img/profile-manga.jpg b/build/img/profile-manga.jpg
new file mode 100644
index 0000000..6e4481f
Binary files /dev/null and b/build/img/profile-manga.jpg differ
diff --git a/index.html b/index.html
index a2b6309..9665411 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,9 @@
     </head>
     <body>
         <header class="py-3 mb-4 border-bottom">
+            <figure class="figure">
+                <img src="img/profile-manga.jpg" class="figure-img img-fluid rounded-circle" alt="{{name}}"/>
+            </figure>
             <div class="container d-flex flex-wrap justify-content-center">
                 <h1 class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto text-dark px-4 py-2 border border-white rounded">
                     {{name}}
diff --git a/scss/style.scss b/scss/style.scss
index 825807c..e1c81fe 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -1,3 +1,5 @@
+@use "sass:map";
+
 // 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
 @import "../node_modules/bootstrap/scss/functions";
 
@@ -39,8 +41,19 @@ body {
     position: relative;
 }
 
-h1 {
-    background-color: $mostly-white;
+header {
+    h1 {
+        background-color: $mostly-white;
+    }
+
+    figure {
+        max-width: 10rem;
+        text-align: center;
+        margin: map.get($spacers, 5) auto $spacer;
+        img {
+            max-width: 100%;
+        }
+    }
 }
 
 section ul {
