UX: Consistent profile image positioning on desktop and mobile

UX: Consistent profile image positioning on desktop and mobile

diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index d0b2b7d..e148cbf 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -101,6 +101,14 @@
     width: 100%;
     margin-bottom: 15px;
 
+    &.has-background {
+      .user-profile-image {
+        background-size: cover;
+        background-position: center center;
+        background-repeat: no-repeat;
+      }
+    }
+
     .secondary {
       display: inline-block;
       width: 100%;
diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index 77e3220..dcc27fc 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -151,8 +151,6 @@
     &.has-background {
       .user-profile-image {
         height: 300px;
-        background-size: cover;
-        background-repeat: no-repeat;
       }
       .details {
         box-sizing: border-box;
diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index 12b8806..0b00b49 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -132,12 +132,9 @@
     &.has-background {
       .user-profile-image {
         height: 200px;
-        background-size: contain;
-        background-position: top center;
-        background-repeat: no-repeat;
       }
       .user-profile-avatar {
-        margin-top: s(-24);
+        margin-top: s(-15);
       }
     }

GitHub sha: 254de64d