.floating-flower {
    transform: translate(-50%, -50%) scale(0) rotate(0deg);
    opacity: 0;
    transition: transform 1.1s ease-out, opacity 1.1s ease-out;
}

.floating-flower.is-visible {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
    opacity: 1;
}

.title-flower {
    transform: translateY(-50%) rotate(var(--scroll-rotate, 0deg));
}