.ht-avatar {
    /*border-radius: 7px 7px 7px 7px;*/
    display: block;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}
.ht-avatar img {
    max-width: 92px;
    width: 100%;

    /*image-rendering: -moz-crisp-edges;          /* Firefox */
    image-rendering: -o-crisp-edges;            /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;   /* IE (non-standard property) */ 
}
.ht-avatar.ht-avatar-has-facecard img {
    /*background-image: url('../../../../Img/Avatar/backgrounds/card1.png');*/
    max-width: 110px;
}

.ht-avatar.ht-avatar-round {
    border-radius: 100% 100% 100% 100%;
}

/*
    Heights and widths needs to be set manually for this directive.
    For round avatars, set same height as width.
    For rectangular avatars, if "width: 36px", set "height: calc(36px * 1.33)" (or calculate it manually)
*/