.container {
  background-color: var(--secondary-bg);
  .banner {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    width: 100%;
    padding: 30px 0;
    @media (max-width: 1139px) {
      display: block;
    }
    .storyContainer {
      // max-width: 45%;
      @media (max-width: 1139px) {
        max-width: 100%;
        margin-bottom: 24px;
      }
      .shimmerContainer {
        display: flex;
        column-gap: 30px;
        .shimmer {
          flex: 1 0 auto;
          height: auto;
          aspect-ratio: 1 / 1;
          border-radius: 50%;
        }
        @media (max-width: 576px) {
          column-gap: 12px;
        }
      }
    }
    .bannerContainer {
      @media (max-width: 1139px) {
        max-width: 100%;
      }
      .shimmerContainer {
        display: flex;
        column-gap: 30px;
        .shimmer {
          flex: 1 0 auto;
          height: auto;
          aspect-ratio: 3 / 1.63;
          border-radius: 10px;
          @media (max-width: 576px) {
            aspect-ratio: 3 / 1.17;
          }
        }
      }
    }
  }
}
