.butterfly {
    position: fixed;
    width: 60;
    height: 60;
    background-image: url('https://faithhopeandhaevyn.com/wp-content/uploads/2025/11/butterfly-blue-butterfly.gif');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000;
    opacity: 0.8;
    animation: float 4s ease-in-out infinite;
}

.butterfly:nth-child(2n) {
    animation: float2 5s ease-in-out infinite;
    transform: scaleX(-1);
}

.glitter {
    position: fixed;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    pointer-events: none;
    z-index: 999;
    opacity: 0;
    box-shadow: 0 0 10px 2px #fff;
    animation: glitter 2s infinite;
}



/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes float2 {
    0%, 100% { transform: translateY(0) rotate(5deg); }
    50% { transform: translateY(-15px) rotate(-5deg); }
}

@keyframes glitter {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    100% { opacity: 0.3; }
}