.grid-moving{
    position: absolute;
    left: -25%;
    top: 0;
    animation: grid-move 20s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: var(--i);
    width: 18%;
    height: 100%;
}
#grid-move-container> div{
    padding: 22px 0;
    padding-bottom: 50px;
    border-radius: 15px;
    box-shadow: 2px 3px 10px #00000029;
}
    @keyframes grid-move {
  
    100%{ 
        left: 200%;
    }
   
  }
  @media(max-width: 768px)
  {
      .grid-moving{
   
    width: 36%;
    left: -50%;


}

  @keyframes grid-move {
  
    100%{ 
        left: 400%;
    }
   
  }

  }
  
    @media(max-width: 500px)
  {
      .grid-moving{
   
    width: 65%;
     left: -100%;

}
  @keyframes grid-move {
  
    100%{ 
        left: 800%;
    }
   
  }

  }
      
  }