.avatar {
    width: 150px;
    height: 150px;
    border: 5px solid #000000;
    background-image: url(avatar.png);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    box-shadow:
            0 0 4px black,
            0 0 8px rgb(34, 34, 34),
            0 0 16px rgb(49, 49, 49),
            0 0 32px red,
            0 0 32px rgb(255, 0, 0);
}
.avatar:hover{
  transform: rotate(360deg);
  transition: all 2s ease;
}