CSS Masking
ishadeed.com
ishadeed.com
If you have a tall-ish avatar with a transparent background, overlay it on a coloured circular div (border-radius: 999px) and set only the bottom corner-radius.
That way it sticks out the top, which looks great and only a few lines of CSS.