.wings-wrapper{perspective:800px;place-items:center;min-height:50vh;display:grid}.wings-wrapper *{transform-style:preserve-3d}.scene{font-size:10px;animation:27s linear infinite sceneR,10s ease-in-out -7.8s infinite sceneT;position:relative}.scene *{position:absolute}@keyframes sceneR{0%{transform:rotate(360deg)rotateX(-20deg)rotate(0)}to{transform:rotate(0)rotateX(-20deg)rotate(360deg)}}@keyframes sceneT{0%,41%,59%,to{translate:0 1em}6%,47%,65%{translate:0 -1em}}.wing{transform:translateZ(calc(var(--w)*.5em))rotateY(calc(var(--odd,0)*180deg));background-image:linear-gradient(#edf1ed,#1a1a1a);border-radius:1em;inset:-1em -3em}.wing i{background-image:inherit;border-radius:inherit;transform-origin:0;width:40%;height:2em;animation:wing 10s calc(var(--i)*.15s - 8s)infinite ease-in-out;position:absolute;top:calc(50% - 1em);left:100%}.wing>i{width:3em;transform:rotateY(calc((var(--w) - 11.5)*var(--odd,1)*1deg));--i:0}.wing>i>i{--i:1;width:5em}.wing>i>i>i{--i:2}.wing>i>i>i>i{--i:3}.wing>i>i>i>i>i{--i:4}.wing>i>i>i>i>i>i{--i:5}.wing:nth-child(odd){--odd:-1}@keyframes wing{0%,41%,59%,to{transform:rotate(-10deg)translate(1em)}6%,47%,65%{transform:rotate(10deg)translate(1em)}}