DIV is not altering with expanding section

I have an image that is placed under an expanding section. When the section expands, the image does not move down like everything else does. I am using a parallax feature for this image. I am sure that is why this is happening, but I cannot figure out what is causing it.

I have tried placing a div, #parallax-move around the parallax image with the position set to relative to get the image to move down with the panels, but it did not help.

I am using parallax.js Website

You can go here to see it live, click on any of the right side panels and you will see everything else expand except for the image. Does anyone see what is causing this to happen?

#parallax-move {
    position: relative;
}
#project-parallax-img {
    position: relative;
    margin: auto;
    width: 100%;
    height: auto;
    vertical-align: middle;
    overflow: hidden;
}
.parallax-window {
    min-height: 500px;
    background: rgba(0,0,0,0);
}

<div id="project-section-container">
</div>
<div id="parallax-move">
    <div id="project-parallax-img">
        <div class="parallax-window" data-parallax="scroll" data-image-src="images/projects/project-main1.jpg">
            <div id="parallax-img-text-container">
                <div id="parallax-img-text">Test</div>
            </div>
        </div>
    </div>
</div>