body{
    margin: 0;
    padding: 0;
}
div{
    width: 100px;
    height: 100px;
    position: relative;
    margin:calc((100vh - 100px)/2) auto;
}
div > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    transition: all cubic-bezier(1,-0.39, 0.02, 1) 1s ;
}

div>img:nth-child(1){
    z-index: 1;
}
div:hover>img:nth-child(1){
    transform: scale(5) rotate(7200deg) ;
    transition: all cubic-bezier(1,-0.39, 0.02, 1) 10s;
    transition-delay: 2s;
}
div:hover>img:nth-child(2){
    transform: translate(0px,100px) rotate(360deg);
}
div:hover>img:nth-child(3){
    transform: translate(-100px,0px) rotate(360deg);
}
div:hover>img:nth-child(4){
    transform: translate(100px,0px) rotate(360deg);
}
div:hover>img:nth-child(5){
    transform: translate(0px,-100px) rotate(360deg);
}
div:hover>img:nth-child(6){
    transform: translate(100px,-100px) rotate(360deg);
    transition-delay: 1s;
}
div:hover>img:nth-child(7){
    transform: translate(100px,100px) rotate(360deg);
    transition-delay: 1s;
}
div:hover>img:nth-child(8){
    transform: translate(-100px,-100px) rotate(360deg);
    transition-delay: 1s;
}
div:hover>img:nth-child(9){
    transform: translate(-100px,100px) rotate(360deg);
    transition-delay: 1s;    
}
div:hover>img:nth-child(10){
    transform: translate(0px,-200px) rotate(360deg);
    transition-delay: 2s;
}
div:hover>img:nth-child(11){
    transform: translate(0px,200px) rotate(360deg);
    transition-delay: 2s;
}
div:hover>img:nth-child(12){
    transform: translate(200px,0px) rotate(360deg);
    transition-delay: 2s;
}
div:hover>img:nth-child(13){
    transform: translate(-200px,0px) rotate(360deg);
    transition-delay: 2s;   
}
div:hover>img:nth-child(14){
    transform: translate(100px,-200px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(15){
    transform: translate(-100px,200px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(16){
    transform: translate(200px,100px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(17){
    transform: translate(-200px,-100px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(18){
    transform: translate(100px,200px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(19){
    transform: translate(-100px,-200px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(20){
    transform: translate(200px,-100px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(21){
    transform: translate(-200px,100px) rotate(360deg);
    transition-delay: 3s;
}
div:hover>img:nth-child(22){
    transform: translate(200px,-200px) rotate(360deg);
    transition-delay: 4s;
}
div:hover>img:nth-child(23){
    transform: translate(200px,200px) rotate(360deg);
    transition-delay: 4s;
}
div:hover>img:nth-child(24){
    transform: translate(-200px,-200px) rotate(360deg);
    transition-delay: 4s;
}
div:hover>img:nth-child(25){
    transform: translate(-200px,200px) rotate(360deg);
    transition-delay: 4s;
}
div:hover>img:nth-child(26){
    transform: translate(300px,0px) rotate(720deg);
    transition-delay: 5s;
}
div:hover>img:nth-child(27){
    transform: translate(-300px,0px) rotate(720deg);
    transition-delay: 5s;
}
div:hover>img:nth-child(28){
    transform: translate(0px,-300px) rotate(720deg);
    transition-delay: 5s;
}
div:hover>img:nth-child(29){
    transform: translate(0px,300px) rotate(720deg);
    transition-delay: 5s;
}
div:hover>img:nth-child(30){
    transform: translate(300px,-100px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(31){
    transform: translate(-300px,-100px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(32){
    transform: translate(100px,300px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(33){
    transform: translate(100px,-300px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(34){
    transform: translate(300px,100px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(35){
    transform: translate(-300px,-100px) rotate(720deg);
    transition-delay: 6s;
} 
div:hover>img:nth-child(36){
    transform: translate(300px,-100px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(37){
    transform: translate(300px,100px) rotate(720deg);
    transition-delay: 6s;
}

div:hover>img:nth-child(38){
    transform: translate(-300px,100px) rotate(720deg);
    transition-delay: 6s;
} 
div:hover>img:nth-child(39){
    transform: translate(-100px,300px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(40){
    transform: translate(-100px,-300px) rotate(720deg);
    transition-delay: 6s;
}
div:hover>img:nth-child(41){
    transform: translate(400px,00px) rotate(720deg);
    transition-delay: 7s;
}
div:hover>img:nth-child(42){
    transform: translate(-400px,00px) rotate(720deg);
    transition-delay: 7s;
} 
div:hover>img:nth-child(43){
    transform: translate(00px,400px) rotate(720deg);
    transition-delay: 7s;
}
div:hover>img:nth-child(44){
    transform: translate(0px,-400px) rotate(720deg);
    transition-delay: 7s;
}