File: src/components/spinner/style.scss

.bsf-spacex-loading-spinner {
  .skeleton-loader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    .card-skeleton {
      width: calc(50% - 20px);
      height: 200px;
      margin: 10px;
      background-image: linear-gradient(90deg, #f2f2f2, #e6e6e6, #f2f2f2);
      background-size: 400% 400%;
      animation: loading 1s ease infinite;
      border-radius: 10px;
      flex-basis: 23%;
    }
  }

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