.windy-demo{position:absolute;top:-58px;left:20px;transform:rotate(-2.4deg);z-index:100;}
.windy-demo ul.wi-container{width:720px;height:480px;position:relative;padding:0;list-style-type:none;-webkit-perspective:1400px;-moz-perspective:1400px;-ms-perspective:1400px;-o-perspective:1400px;perspective:1400px;}
@media screen and (max-width:1200px){.windy-demo{top:-20px;left:2vw;}
.windy-demo ul.wi-container{width:87vw;height:58vw;}
}
@media screen and (max-width:680px){.windy-demo{top:-10px;left:1.5vw;}
.windy-demo ul.wi-container{width:93vw;height:62vw;}
}
.windy-demo ul.wi-container::before{position:absolute;top:0px;left:0;content:'';width:100%;height:100%;background:#E7E5E3;border:solid 1px rgba(0, 0, 0, 0.1);box-shadow:0px 5px 5px rgba(0, 0, 0, 0.2);z-index:-2;transform:rotate(2.4deg);}
.windy-demo ul.wi-container li{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;display:none;margin:0;pointer-events:auto;}
.windy-demo li img{display:block;margin:0 auto;max-width:100%;border:solid 6px #fafbfc;box-shadow:6px 7px 7px 2px rgba(0, 0, 0, 0.6);}
ul.wi-container li.wi-move{pointer-events:none;-webkit-transition:-webkit-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;-moz-transition:-moz-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;-o-transition:-o-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;-ms-transition:-ms-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;transition:transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;}