fix(widget): profile widget avatar image overflow

include/style/helper.styl

@@ -150,12 +150,17 @@ for n in (0 .. 5)
 /* ---------------------------------
  *          Image helpers
  * --------------------------------- */
-.image.is-7by3
-    padding-top: 42.8%
+.image
+    &.is-7by3
+        padding-top: 42.8%
 
-    img
-        bottom: 0
-        left: 0
-        position: absolute
-        right: 0
-        top: 0
+        img
+            bottom: 0
+            left: 0
+            position: absolute
+            right: 0
+            top: 0
+
+    .avatar
+        height: 100%
+        object-fit: cover

layout/widget/profile.jsx

@@ -35,7 +35,7 @@ class Profile extends Component {
                     <div class="level-item has-text-centered flex-shrink-1">
                         <div>
                             <figure class="image is-128x128 mx-auto mb-2">
-                                <img class={avatarRounded ? 'is-rounded' : ''} src={avatar} alt={author} />
+                                <img class={'avatar' + (avatarRounded ? ' is-rounded' : '')} src={avatar} alt={author} />
                             </figure>
                             {author ? <p class="title is-size-4 is-block line-height-inherit">{author}</p> : null}
                             {authorTitle ? <p class="is-size-6 is-block">{authorTitle}</p> : null}