@keyframes flag-wave{0%{transform:perspective(1000px)rotateY(0)rotateX(0)skewY(0)}25%{transform:perspective(1000px)rotateY(5deg)rotateX(2deg)skewY(1deg)}50%{transform:perspective(1000px)rotateY(0)rotateX(0)skewY(0)}75%{transform:perspective(1000px)rotateY(-5deg)rotateX(-2deg)skewY(-1deg)}to{transform:perspective(1000px)rotateY(0)rotateX(0)skewY(0)}}.flag-flying{transform-style:preserve-3d;animation:4s ease-in-out infinite flag-wave;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.1)}.flag-flying:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.flag-pole{background:linear-gradient(90deg,#ccc,#eee,#ccc);border-radius:2px;width:4px;height:120%;position:absolute;top:-10%;left:-4px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}