@keyframes ghost-lines-fast {
  0% {
    background-position: -100px;
  }

  40% {
    background-position: 40vw;
  }

  100% {
    background-position: 60vw;
  }
}

@keyframes ghost-lines {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: calc(200px + 100%) 0;
  }
}

.ghost-line {
  background-color: #f8f7f7 !important;
  margin: 10px;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}

.ghost-bg {
  background-color: #f8f7f7 !important;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}