remove overflow hidden

src/components/avatar/avatar.styles.ts

@@ -22,16 +22,17 @@ export default css`
     font-size: calc(var(--size) * 0.5);
     font-weight: var(--sl-font-weight-normal);
     color: var(--sl-color-neutral-0);
-    overflow: hidden;
     user-select: none;
     vertical-align: middle;
   }
 
-  .avatar--circle {
+  .avatar--circle,
+  .avatar--circle .avatar__image {
     border-radius: var(--sl-border-radius-circle);
   }
 
-  .avatar--rounded {
+  .avatar--rounded,
+  .avatar--rounded .avatar__image {
     border-radius: var(--sl-border-radius-medium);
   }
 
@@ -62,5 +63,6 @@ export default css`
     width: 100%;
     height: 100%;
     object-fit: cover;
+    overflow: hidden;
   }
 `;