Template:Frog.css

.frog {
  opacity: 0.1;
  transition: opacity 0.5s linear;
}

.frog:hover {
 opacity: 1;
 transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.frog img:hover {
 animation: shake 0.5s;
 animation-iteration-count: 1;
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-3deg); }
	20% { transform: rotate(0deg); }
	30% { transform: rotate(3deg); }
}

@media screen and (max-width: 1600px){
.frog  {display:none;}
}