.fade-element {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    animation: fadeAnimation 30s infinite;
  }
  
  @keyframes fadeAnimation {
    0% {
      opacity: 1;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(100%);
    }
  }
  .fade-animation {
    animation-duration: 30s;
    animation-iteration-count: infinite;
  }
   



/*     #container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .fade-element {
    opacity: 0;
    animation: fadeAnimation 5s infinite;
  }
  
  @keyframes fadeAnimation {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    10% {
      opacity: 1;
      transform: translateX(0);
    }
    90% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }  */