: auto;
}

.leaf1 {
  top: -30px;
  left: -60px;
}
.leaf2 {
  top: -30px;
  left: -60px;
}
.leaf3 {
  top: -30px;
  left: -60px;
}
.leaf4 {
  top: -30px;
  left: -60px;
}
.tooltip-container:hover .leaf1 {
  rotate: z 20deg;
}
/* .tooltip-container:hover .leaf2{
rotate: z 20deg;
} */
.tooltip-container:hover .leaf3 {
  rotate: z -20deg;
}
.tooltip-container:hover .leaf4 {
  rotate: z 40deg;
}

.leaf {
  width: 60px;
  height: 40px;
  position: absolute;
  transform-origin: 100% 100%;
  transition: rotate 0.5