.flower {
	position: absolute;
	top: -50px;
	width: 30px;
	height: 30px;
	background: radial-gradient(circle, pink 40%, transparent 41%);
	border-radius: 50%;
	animation: fall linear infinite;
	opacity: 0.8;
	z-index: 99;
}

/* create 2 more petals */
.flower::before,
.flower::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background: radial-gradient(circle, pink 40%, transparent 41%);
	border-radius: 50%;
}
.flower::before {
	top: -10px;
	left: 0;
}
.flower::after {
	left: 10px;
	top: 0;
}

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