.leaflet-control-streetview-pegman img {
  width: 20px;
  height: 20px;
}

.leaflet-container.pointer-cursor-enabled {
  cursor:default;
}

#myPegman:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  transform: scale(1.8); 

  /* When the animation is finished, start again */
  animation-iteration-count: 2;
}

#pegmanDynamic {
  position: absolute; 
  display: none;
  opacity: 1; 
  object-fit: contain;
  z-index: 9999;
  width: 40px;
  height: 40px;
}

@keyframes shake {
  0% { transform: translate(0.5px, 0.5px) rotate(0deg) scale(1.6); }
  10% { transform: translate(-0.5px, -1px) rotate(-1deg) scale(1.6); }
  20% { transform: translate(-1.5px, 0px) rotate(1deg) scale(1.6); }
  30% { transform: translate(1.5px, 1px) rotate(0deg) scale(1.6); }
  40% { transform: translate(0.5px, -0.5px) rotate(1deg) scale(1.6); }
  50% { transform: translate(-0.5px, 1px) rotate(-1deg) scale(1.6); }
  60% { transform: translate(-1.5px, 0.5px) rotate(0deg) scale(1.6); }
  70% { transform: translate(1.5px, 0.5px) rotate(-1deg) scale(1.6); }
  80% { transform: translate(-0.5px, -0.5px) rotate(1deg) scale(1.6); }
  90% { transform: translate(0.5px, 1px) rotate(0deg) scale(1.6); }
  100% { transform: translate(0.5px, -1px) rotate(-1deg) scale(1.6); }
}