@keyframes placeHolderShimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.loader-container {
  height: 20px;
  position: relative;
  width: 50%;
}

.animated-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, $white-darker 8%, $white-dark 18%, $white-darker 33%);
  background-size: 400% 100%;
  height: 100%;
  width: 100%;
}