/* Variables */
$bounce-color: #7e7f81;
$image-size: 150px;

  .holder {
  position: absolute;
  left: 50%;  
  top: 50%;
  margin-left: -110px;
  margin-top: -185px;

  .circimg {
  margin: 25px auto;

  img.user {
  height: $image-size;
  width: $image-size;
  background-color: $bounce-color ;
  box-shadow: 0 0 0 5px $bounce-color ;
  border-radius: 50%;

  &:hover {
  cursor: pointer;  
  animation:bounceOut .4s linear;
  }
  }
  }
  }

@keyframes bounceOut {
  0%{ box-shadow: 0 0 0 4px $bounce-color; opacity:1;}
  25%{ box-shadow: 0 0 0 1px $bounce-color; opacity:1;}
  50%{ box-shadow: 0 0 0 7px $bounce-color; opacity:1; }
  75%{ box-shadow: 0 0 0 4px $bounce-color; opacity:1;}
  100%{ box-shadow: 0 0 0 5px $bounce-color; opacity:1;}
}