.sakura{position:absolute;padding:0;margin:0;width:100%;height:100%;z-index:10;pointer-events:none}.sakura li{width:18px;position:absolute;list-style:none;top:-50px;animation:fall linear infinite,rotate1 ease-in-out infinite alternate;z-index:10}.sakura li img{width:100%}@keyframes fall{to{top:120%}}@keyframes rotate1{from{transform:translateX(0px) rotate(0deg)}to{transform:translateX(200px) rotate(-80deg) rotateX(180deg)}}@keyframes rotate2{from{transform:translateX(200px) rotate(-45deg)}to{transform:translateX(0px) rotate(0deg)}}.sakura li:nth-child(1){left:2vw;animation-duration:10s,3s}.sakura li:nth-child(2){left:12vw;animation-duration:14s,2.5s}.sakura li:nth-child(3){left:25vw;animation:fall 9s linear infinite,rotate1 3.5s ease-in-out infinite alternate}.sakura li:nth-child(4){left:38vw;animation:fall 11s linear infinite,rotate2 4s ease-in-out infinite alternate}.sakura li:nth-child(5){left:52vw;animation:fall 13s linear infinite,rotate1 4.5s ease-in-out infinite alternate}.sakura li:nth-child(6){left:67vw;animation:fall 10s linear infinite,rotate2 3.5s ease-in-out infinite alternate}.sakura li:nth-child(7){left:82vw;animation:fall 8s linear infinite,rotate2 3s ease-in-out infinite alternate}.sakura li:nth-child(8){left:95vw;animation:fall 12s linear infinite,rotate1 3s ease-in-out infinite alternate}