.container{position:absolute;width:200px;height:200px;top:0;bottom:0;left:0;right:0;margin:auto}.item{width:100px;height:100px;position:absolute}.item-1{background-color:rgba(38,32,131,1);top:0;left:0;z-index:1;animation:item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-2{background-color:rgba(198,56,246,1);top:0;right:0;animation:item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-3{background-color:rgba(38,32,131,1);bottom:0;right:0;z-index:1;animation:item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.item-4{background-color:rgba(198,56,246,1);bottom:0;left:0;animation:item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}@keyframes item-1_move{0%,100%{transform:translate(0,0)}25%{transform:translate(0,100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px,0)}}@keyframes item-2_move{0%,100%{transform:translate(0,0)}25%{transform:translate(-100px,0)}50%{transform:translate(-100px,100px)}75%{transform:translate(0,100px)}}@keyframes item-3_move{0%,100%{transform:translate(0,0)}25%{transform:translate(0,-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px,0)}}@keyframes item-4_move{0%,100%{transform:translate(0,0)}25%{transform:translate(100px,0)}50%{transform:translate(100px,-100px)}75%{transform:translate(0,-100px)}}