diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 615ced8..3c90b05 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -101,8 +101,9 @@ disableHugoGeneratorInject = false
     # logoCursorAnimate  = "2s"
 
   [params.portrait]
-    path = "/img/image.jpg"
-    alt = "Portrait"
+    path     = "/img/image.jpg"
+    alt      = "Portrait"
+    maxWidth = "50px"
 
   # Social icons
   [[params.social]]
diff --git a/layouts/index.html b/layouts/index.html
index 052c91a..574c689 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
     <main aria-role="main">
         <div>
-            {{ if .Site.Params.portrait.path }}
-               <img src="{{ .Site.Params.portrait.path }}" class="circle" alt="{{ .Site.Params.portrait.alt }}" />
+            {{ if .Site.Params.Portrait.Path }}
+               <img src="{{ .Site.Params.Portrait.Path }}" class="circle" alt="{{ .Site.Params.Portrait.Alt }}" style="max-width:{{ .Site.Params.Portrait.MaxWidth }}" />
             {{ end }}
 
             <h1>{{ .Site.Title }}</h1>