over-ride avatar with just css!

stellar avatar override

/*Over-ride user avatar*/

#avatar.user img {
  display: block;
	-moz-box-sizing: border-box;
 	box-sizing: border-box;
	background: url(http://static.tumblr.com/hwdkyha/iGomsgm1o/bunny.gif) no-repeat; /*Change img path, obviouslyr*/
	background-size: 80px 80px;
	border: 0;
	width: 80px; /* Width of new image */
	height: 80px; /* Height of new image */
	padding-left: 80px; /* Equal to width of new image */
}

.double #avatar {
	left: -100px;
}

.double #avatar:hover {
	top: -60px;
}

@media screen and (max-width: 970px){
	.double #avatar.user {
		top: -100px;
	}
}