.butterfly-swarm-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50; 
    overflow: hidden;
}

.butterfly-instance {
    position: absolute;
    width: 40px;
    height: 40px;
    will-change: transform, top, left;
}

@keyframes flutter-left {
    from { transform: rotateX(-30deg) rotateY(-75deg); }
    to { transform: rotateX(0deg) rotateY(0deg); }
}

@keyframes flutter-right {
    from { transform: rotateX(-30deg) rotateY(75deg); }
    to { transform: rotateX(0deg) rotateY(0deg); }
}

.butterfly-svg {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    perspective: 400px;
    color: #ffffff !important; 
    background: none;
}

.wing-left {
    transform-origin: center center;
    animation: flutter-left 120ms alternate infinite ease-in-out;
}

.wing-right {
    transform-origin: center center;
    animation: flutter-right 120ms alternate infinite ease-in-out;
}