update: default avatar

- .svg file is used
- new styles added

src/styles/layout/members/member-profile.scss

@@ -22,8 +22,29 @@
 
         div[name='member-img'] {
           grid-area: avatar;
-          overflow: hidden;
-          position: relative;
+          
+          member-picture {
+            align-items: center;
+            background-color: $color-213-20-91;
+            border-radius: 50%;
+            display: flex;
+            height: 28vh;
+            justify-content: center;
+            overflow: hidden;
+            width: 28vh;
+
+            img {
+              height: 255px;
+              object-fit: cover;
+              object-position: center;
+              width: 255px;
+            }
+
+            object {
+              height: 45%;
+              width: 45%;
+            }
+          }
 
           img {
             border-radius: 50%;

src/styles/layout/members/members.scss

@@ -159,22 +159,27 @@ member-info-groups {
           }
 
           member-picture {
-            background-color: $color-0-0-100;
+            align-items: center;
+            background-color: $color-213-20-91;
             border-radius: 50%;
+            display: flex;
             height: 28vh;
+            justify-content: center;
             margin: 1.7rem auto;
             overflow: hidden;
-            position: relative;
             width: 28vh;
 
             img {
               height: 100%;
-              left: 0;
               object-fit: cover;
-              position: absolute;
-              top: 0;
+              object-position: center;
               width: 100%;
             }
+
+            object {
+              height: 45%;
+              width: 45%;
+            }
           }
 
           [name='name'] {