#butterfly-div {
    display: flex;
    position: fixed;
    top: 30vh;
    left: -23vw;
    transform: rotate(65deg);
    animation: Ani 7s linear;
    animation-direction: normal;
    animation-iteration-count: 1;
}
#wing-left, #wing-right {
    width: 11vw;
    height: calc(11vw * 1.28);
    display: block;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#wing-left {
    background-image: url("/image/proza/anomaliya/butterfly_L.png");
    animation: leftAni 0.4s ease-in-out;
    transform-origin: right;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
#wing-right {
    background-image: url("/image/proza/anomaliya/butterfly_R.png");
    animation: rightAni 0.4s ease-in-out;
    transform-origin: left;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes leftAni {
    to { transform: rotateY(70deg); }
}
@keyframes rightAni {
    to { transform: rotateY(70deg); }
}
@keyframes Ani {
    0% {
        transform: rotate(115deg);
    }
    55% {
        transform: rotate(120deg);
        top: 70vh;
        left: 45vw;

    }
    60% {
        transform: rotate(50deg);
        top: 75vh;
        left: 50vw;

    }
    100% { 
        transform: rotate(35deg);
        top: 10vh;
        left: 100vw;
    }
}