%avatar-round {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 100em;
  margin-bottom:  10px;

  &:before {
    border-radius: 100em;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: -10em;
  }

  > img {
    vertical-align: top;
    border-radius: 100em;
    height: 50px;
    width: 50px;

  }
}