body{
    padding: 0;
    margin: 0;
}
div.merco>div{
    width: 250px;
    height: 200px;
    position: relative;
    margin-left:300px;
    margin-top: 300px;
}
div.merco>div>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 200px;
    transition: all ease 2s;
    
    

}
div.merco>div:hover>img:nth-child(2){
    transform: translate(0,-200px);
}
div.merco>div:hover>img:nth-child(3){
    transform: translate(-250px,0px);
}
div.merco>div:hover>img:nth-child(4){
    transform: translate(0,200px);
}
div.merco>div:hover>img:nth-child(5){
    transform: translate(250px,0px);
}
div.merco>div:hover>img:nth-child(6){
    transform: translate(-250px,-200px);
    transition-delay: 2s;
}
div.merco>div:hover>img:nth-child(7){
    transform: translate(250px,-200px);
    transition-delay: 2s;
}
div.merco>div:hover>img:nth-child(8){
    transform: translate(250px,200px);
    transition-delay: 2s;
}
div.merco>div:hover>img:nth-child(1){
    transform: translate(-250px,200px);
    transition-delay: 2s;
}

div.masteng>div{
    width: 250px;
    height: 200px;
    position: relative;
    margin-left: 60%;
    margin-top: -21vh;
}
div.masteng>div>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 200px;
    transition: all cubic-bezier(1,-0.39, 0.02, 1) 2s ;
}
div.masteng>div:hover>img:nth-child(2){
    transform: translate(0,-200px) rotate(360deg);
}
div.masteng>div:hover>img:nth-child(3){
    transform: translate(-250px,0px) rotate(360deg);
}
div.masteng>div:hover>img:nth-child(4){
    transform: translate(0,200px) rotate(360deg);
}
div.masteng>div:hover>img:nth-child(5){
    transform: translate(250px,0px) rotate(360deg);
}
div.masteng>div:hover>img:nth-child(6){
    transform: translate(-250px,-200px) rotate(360deg);
    transition-delay: 2s;
}
div.masteng>div:hover>img:nth-child(7){
    transform: translate(250px,-200px) rotate(360deg);
    transition-delay: 2s;
}
div.masteng>div:hover>img:nth-child(8){
    transform: translate(250px,200px) rotate(360deg);
    transition-delay: 2s;
}
div.masteng>div:hover>img:nth-child(1){
    transform: translate(-250px,200px) rotate(360deg);
    transition-delay: 2s;
}