How do i change the scale of the unselected cards?

[Tacciaioli]

No description provided.

[napatsa]

+1

[loisperrigon]

Hey :)

<Carousel
  slides={slides}
  goToSlide={goToSlide}
  offsetRadius={offsetRadius}
  showNavigation={false}
  animationConfig={config.slow}
  offsetFn={(offsetFromCenter) => {
    // If offsetFromCenter is 0, the element is centered
    if (offsetFromCenter === 0) {
      return {
        opacity: 1, // Full opacity for the central element
        transform: "translateY(-50%) translateX(-50%) scale(1)",
        left: "50%", // Keeps the element in the center with normal scaling
      };
    }

    // If the offset is negative, the element is on the left; otherwise, it's on the right
    const isLeft = offsetFromCenter < 0;

    return {
      opacity: 1, // Keeps opacity constant
      transform: isLeft
        ? "translateY(-50%) translateX(-30%) scale(0.75)" // For elements on the left
        : "translateY(-50%) translateX(-70%) scale(0.75)", // For elements on the right
    };
  }}
/>