/* トンボのコンテナ */
.dragonfly {
  position: absolute;
  width: 80px;
  height: 60px;
  /* 中心を基準に配置 */
  margin-left: -40px;
  margin-top: -30px;
  pointer-events: none;
  transition: transform 0.5s ease-out; /* 逃げるときのアニメーション補間 */
}
/* SVGの配置 */
.dragonfly svg {
  width: 100%;
  height: 100%;
}
/* 羽ばたきアニメーション（左の羽） */
.wing-left {
  transform-origin: 40px 30px;
  animation: flap-left 0.1s ease-in-out infinite alternate;
}
/* 羽ばたきアニメーション（右の羽） */
.wing-right {
  transform-origin: 40px 30px;
  animation: flap-right 0.1s ease-in-out infinite alternate;
}

@keyframes flap-left {
  0% { transform: scaleY(1) rotate(0deg); }
  100% { transform: scaleY(0.3) rotate(-5deg); }
}
@keyframes flap-right {
  0% { transform: scaleY(1) rotate(0deg); }
  100% { transform: scaleY(0.3) rotate(5deg); }
}