diff --git a/assets/css/profile-mode.css b/assets/css/profile-mode.css
index 121163ac..77108f74 100644
--- a/assets/css/profile-mode.css
+++ b/assets/css/profile-mode.css
@@ -20,14 +20,13 @@
 
 .profile img {
     display: inline-table;
-    width: 150px;
     border-radius: 50%;
     pointer-events: none;
 }
 
 @media screen and (max-width: 600px) {
     .profile img {
-        width: 120px;
+        transform: scale(0.85);
     }
 }
 
diff --git a/layouts/partials/index_profile.html b/layouts/partials/index_profile.html
index 5de8057a..bee94fbc 100644
--- a/layouts/partials/index_profile.html
+++ b/layouts/partials/index_profile.html
@@ -1,7 +1,8 @@
 <div class="profile">
     {{- with .Site.Params.profileMode }}
     <div class="profile_inner">
-        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}" />{{- end}}
+        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}"
+            height="{{- .imageHeight | default 150 -}}" width="{{- .imageWidth | default 150 -}}" />{{- end}}
         <h1>{{- .title | default $.Site.Title | markdownify -}}</h1>
         <span>{{- .subtitle | markdownify -}}</span>
         {{- partial "social_icons.html" $.Site.Params.socialIcons -}}