Center non-square avatar pictures

stylesheets/components/Avatar.scss

@@ -29,6 +29,7 @@
   }
 
   &__image {
+    background-position: center center;
     background-size: cover;
     display: flex;
     height: 100%;

ts/components/Avatar.stories.tsx

@@ -64,6 +64,14 @@ story.add('Avatar', () => {
   return sizes.map(size => <Avatar key={size} {...props} size={size} />);
 });
 
+story.add('Wide image', () => {
+  const props = createProps({
+    avatarPath: '/fixtures/wide.jpg',
+  });
+
+  return sizes.map(size => <Avatar key={size} {...props} size={size} />);
+});
+
 story.add('One-word Name', () => {
   const props = createProps({
     title: 'John',