:lipstick: added images to start dev on name-plate for profile card

frontend/assets/sass/main.scss

@@ -2,7 +2,7 @@
 @import 'icons';
 
 
-
+// Global Styles
 html {
     background-color: $black;
     font-size: $base-font-size;

frontend/src/components/NamePlate.vue

@@ -8,6 +8,7 @@
                 span.text-capitalize(v-if='isList')
                     span.text-capitalize | {{ locale }}
             p.text-capitalize(v-if='!isList') {{ pronouns }}
+            img(src='../../assets/images/woman-1.jpg', alt='Profile image')
 </template>
 
 <script>
@@ -48,11 +49,9 @@ export default {
         flex-direction: column
         align-items: center
         justify-content: center
-        padding: 15px
         min-height: 10vh
         width: 100%
         &.box
-            background-color: #D5D5D5
             border-radius: 6px
             height: 15vw
             width: 15vw

frontend/src/components/ProfileCard.vue

@@ -148,7 +148,7 @@ const onPass = async () => {
     footer
         margin-bottom: 22px
         p
-            font-family: Source Pro, CenturyGothic, AppleGothic, sans-serif
+            font-family: Source Pro, AppleGothic, sans-serif
             margin: 11px auto
             padding: 0 7px
             line-height: 1.619em

frontend/src/components/ProfileCardList.vue

@@ -63,23 +63,7 @@ const loadMoreResults = () => {
         flex-wrap: wrap
         flex-direction: column
 
+
 .more-results
     margin-bottom: 2em
-
-@media (min-width: $tablet) 
-    section.profile-card-list.xs12.w-flex > article
-        display: flex
-        flex-wrap: wrap
-        flex-direction: row
-    
-
-
-@media (max-width: $tablet) 
-    section.profile-card-list.xs12.w-flex > article
-        display: flex
-        flex-wrap: wrap
-        flex-direction: column
-    
-
-
 </style>