span.chat-portrait {
display: inline-block;
overflow: hidden;
background: #dadada61;
position: relative;
border-radius: 50%;
}
span.chat-portrait img {
position: absolute;
top: -50%;
left: -50%;
/* height: 480px;
width: auto; */
}
span.chat-portrait.size-64 {
height: 64px;
width: 64px;
}
span.chat-portrait.size-48 {
height: 48px;
width: 48px;
}
span.chat-portrait.size-96 {
height: 96px;
width: 96px;
}
/*individual offsets*/
span.chat-portrait.airi img {
/* top: -50%; */
left: -93%;
}
span.chat-portrait.aru img {
/* top: -50%; */
left: -136%;
}
span.chat-portrait.arisu img {
/* top: -50%; */
left: -218%;
}