.slide {
    height: 120px;
    width: 120px !important;
    color: whitesmoke;
    padding: 20px;
    border-radius: 50%;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    margin: 2%;
}

.slide:hover { 
    background-color:darkgrey;
    cursor: pointer;
    opacity: .8;
    animation: shake .5s;
    animation-iteration-count: 1; 
  } 

.slider {
    width: 60%;
    height: auto;
    padding-left: 20%;
    padding-right: 20%;
    
}

@keyframes shake {
    3% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }

  }