.section-book-promotion {
    text-align: center;
    width: 100%;
    margin: var(--section-spacing) auto;
    
  }
  .scroller {
        width: 100%;
        overflow: hidden;
        text-align: center;
    }
  
  .scroller[data-animated="true"] {
    overflow: hidden;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        black 10%,
        black 90%,
        transparent
    );

    mask-image: linear-gradient(
        90deg,
        transparent,
        black 10%,
        black 90%,
        transparent
    );
}
.scroller[data-animated="true"] .scroller--inner {
    width: max-content;

    flex-wrap: nowrap;

    animation:
        scroll
        var(--scroll-duration, 40s)
        var(--scroll-direction, forwards)
        linear
        infinite;
}
  .scroller[data-direction="right"] {
    --scroll-direction: reverse;
  }
  .scroller[data-direction="left"] {
    --scroll-direction: forwards;
  }
  .scroller[data-speed="slow"] {
    --scroll-duration: 70s;
  }
  .scroller[data-speed="fast"] {
    --scroll-duration: 20s;
  }
  .scroller--inner {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      padding-block: 1rem;
    }
    @keyframes scroll {
        to {
            transform: translate(calc(-50% - 0.5rem));
        }
    }
    .scroller-img {
        width: 30rem;
        height: 50rem;
        border-radius: 2rem;
        box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.05);

    object-fit: cover;

    flex-shrink: 0;

    -webkit-user-drag: none;
    user-select: none;
}

  .book-promotion-location {
    color: rgba(0, 0, 0, 1);
  }