Show initals when avatar image is unavailable or not fully loaded

1 files changed, 3 insertions, 0 deletions

diff --git a/src/avatars.less b/src/avatars.less
index e744e1f..6466800 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -35,7 +35,9 @@
   img {
     border-radius: 50%;
     height: 100%;
+    position: relative;
     width: 100%;
+    z-index: 99;
   }
 
   .avatar-icon {
@@ -55,5 +57,6 @@
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
+    z-index: 0;
   }
 }