#flower-rain-container {
  pointer-events: none;          /* click block na ho */
  position: fixed;
  inset: 0;                      /* top:0; right:0; bottom:0; left:0; */
  overflow: hidden;
  z-index: 9999;
}

.flower {
  position: absolute;
  top: -50px;
  font-size: 24px;               /* size badha–ghata sakte ho */
  animation-name: flower-fall, flower-sway;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: 1, infinite;
}

@keyframes flower-fall {
  0%   { transform: translateY(-50px) rotate(0deg);   opacity: 1; }
  100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }
}

@keyframes flower-sway {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(40px); }
  100% { transform: translateX(-40px); }
}