React-Scroll-Parallax 裁剪图像问题

如何解决React-Scroll-Parallax 裁剪图像问题

我正在尝试使用 this package 在 React 上产生视差

视差工作正常，但您可以see on this image...图片被剪掉了。

代码如下：

function ParallaxHeader() {
  return (
    <div className="header">
      <ParallaxProvider>
      <ParallaxBanner
        className="parallaxbanner"
        layers={[
            {
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797039487518900224/parallax6.png',amount: 0,expanded: false,},{
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797039486449614879/parallax5.png',amount: -0.5,{
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797039485795565598/parallax4.png',amount: -0.4,{
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797036547924819998/parallax3.png',amount: -0.1,{
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797036546376859668/parallax2.png',amount: -0.2,{
                image: 'https://cdn.discordapp.com/attachments/782917695132794883/797036545390936094/parallax1.png',amount: -0.3,]}
        style={{
            height: '500px',width: '100vw',}}
      >
    </ParallaxBanner>
    </ParallaxProvider>
    </div>
  );
}

我尝试添加了 Expanded: false 但没有任何反应。改变风格的高度会严重放大图片不成比例，所以不是这样。感谢您的帮助！