.waitingContainer{
    width:5rem;
    height:1rem;
    
    position:relative;
  }

  .waitingContainer .waitingBox{
    background-color: hsl(225, 100%, 70%);
    opacity: 0;
    width:1rem;
    height:1rem;
    position:absolute;
    top:0;
    left:0;
    animation-name: exawaitingIndexAnimmple;
    animation-duration: 8s;
    animation-iteration-count: infinite;
  }

@keyframes exawaitingIndexAnimmple {
    0%   {left:0;}
    21%  {opacity:1;left:0;}
    32%   {opacity:0;left:0;}
    34%   {left:2rem;opacity:0;}
    54%   {opacity:1;left:2rem;}
    65%   {opacity:0;left:2rem;}
    67%   {left:4rem;opacity:0;}
    87%   {opacity:1;left:4rem;}
    98%   {opacity:0;left:4rem;}
    
  }