#ep-spin-container>div {
background:#8472de;
animation-name: rotate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
transform-style: preserve-3d;
animation-direction:alternate;
}
#ep-preload-screen {
position: fixed;
left: 0;
top: 0;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background:#fff;
z-index:100000;  
}

#ep-spin-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
width:80px;
height:80px;
animation-name: spin;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
position:absolute;  
}
@keyframes rotate {
from {transform:perspective(150px) rotateX(0deg);}
to {transform:perspective(150px) rotateX(180deg);}
}
@keyframes spin {
from {rotate: 0deg;}
to {rotate: 360deg;}
}
#ep-square2 {
animation-delay: 0.5s;
}
#ep-square3 {
animation-delay: 1s;
}
#ep-square4 {
animation-delay: 1.5s;
}