.skeleton-loading {

  @keyframes skeleton {
    0% {
      transform: translateX(-100%);
    }
    50% {
      /* +0.5s of delay between each loop */
      transform: translateX(100%);
    }
    100% {
      transform: translateX(100%);
    }
  }

  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #f2f3f5;

  &::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent);
    animation: skeleton 1.6s linear 0.5s infinite;
  }
}