.float{animation:float-animation var(--duration,10s)ease-in-out infinite;animation-delay:var(--delay,0s);will-change:transform;transform-origin:50%;animation-play-state:running}.float:hover{animation-play-state:paused}@keyframes float-animation{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px,-15px)rotate(2deg)}50%{transform:translate(-5px,10px)rotate(-1deg)}75%{transform:translate(-12px,-7px)rotate(1deg)}}.float-1{--z-index:1}.float-2{--z-index:2}.float-3{--z-index:3}.float-4{--z-index:4}.float-5{--z-index:5}.float-6{--z-index:6}.float-7{--z-index:7}.float-8{--z-index:8}.float-9{--z-index:9}.float-10{--z-index:10}