/* ===== gentle wind animation (stronger breeze version) ===== */

@keyframes gentle-wind {
  0%   { transform: translateX(0) rotate(var(--r, 0deg)); }
  20%  { transform: translateX(2.5%) rotate(calc(var(--r, 0deg) + 2deg)); }
  50%  { transform: translateX(0) rotate(var(--r, 0deg)); }
  80%  { transform: translateX(-2.5%) rotate(calc(var(--r, 0deg) - 2deg)); }
  100% { transform: translateX(0) rotate(var(--r, 0deg)); }
}

.flower {
  animation: gentle-wind 5.5s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.3));
}

.flower.A{ --r: 0deg; animation-delay: 0s; }
.flower.B{ --r: 32deg; animation-delay: 1s; }
.flower.C{ --r: -12deg; animation-delay: 2s; }
.flower.D{ --r: 0deg; animation-delay: 2.8s; }
.flower.E{ --r: -34deg; animation-delay: 1.6s; }