Possible to transition images in parallax?

1

I have this currently: chizetteart.com

But I want to remove the white space and transition the images into each other. I am currently using https://www.npmjs.com/package/react-scroll-parallax for the parallax, and I have the component setup as:

<ParallaxBanner className="parallaxBanner"
          layers={[
            {
              image: `${parallaxPosters[this.state.counter]}`,
              amount: 0.7,
              slowerScrollRate: false,
            },
              
          ]}
          style={{
            height: '85vh',
          }}>
        </ParallaxBanner>

So it only takes one image based on the state. How can I have it read both the state before and after to transition?