diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index d4481f57..b47f37ce 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -121,6 +121,7 @@ params:
     subtitle: "I build things for the web"
     content: "A passionate web app developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
     image: /images/hero.svg
+    # roundImage: true # Make hero image circular | default false
     button:
       enable: true
       name: "Resume"
diff --git a/layouts/partials/sections/hero/index.html b/layouts/partials/sections/hero/index.html
index 698e9856..9d713a0a 100644
--- a/layouts/partials/sections/hero/index.html
+++ b/layouts/partials/sections/hero/index.html
@@ -34,8 +34,8 @@ <h3>
             <div class="col-sm-12 col-md-12 col-lg-4">
                 <div class="row justify-content-center">
                     <div class="col-sm-12 col-md-9 pt-5 image {{ if .Site.Params.animate }}animate{{ end }} px-5 px-md-5 px-lg-0 text-center">
-                        <img src="{{ .Site.Params.hero.image }}" 
-                            class="img-thumbnail mx-auto" 
+                        <img src="{{ .Site.Params.hero.image }}"
+                            class="img-thumbnail mx-auto{{ if .Site.Params.hero.roundImage }} rounded-circle{{ end }}"
                             alt=""
                         >
                     </div>