Large empty gap under slideshow images

I’ve created a slideshow with 4 images which are all 1920 x 1080.

For some reason below the image, there is a huge white gap and then the navigation buttons down at the bottom of the page. What is creating this big empty space and how can i get rid of it?

Here is the page this is happening on:
http://www.paigecampbelllinden.com/portfolio/

Here are my current settings:

Animation settings
Animation used for transition between slides: CrossFade
Number of seconds the slide takes to slide in: 1
Number of seconds the description takes to slide in: 0.4
Seconds between changing slides:2.5

Display settings
Number of slides to fit into one slide: 1
Maximum width. When maximum width is 0, maximum width is ignored: 0
Slideshow’s height: 1080
Image behaviour: Natural and centered
Shrink slideshow’s height when width shrinks: No
Enable responsiveness (Shrink slideshow’s width when page’s width shrinks): Yes
Show title and description: Yes
Hide description box, pop up when mouse hovers over: Yes

Control settings
Automatically slide to the next slide: Yes
Return to the beginning of the slideshow after last slide: Yes
Pause slideshow when mouse hovers over: Yes
Activate navigation buttons: No
Activate pagination: Yes
Hide pagination, show when mouse hovers over: Yes
Activate control panel (play and pause button): No

Miscellaneous settings
Wait until the next slide has loaded before showing it: Yes
Show a loading icon until the first slide appears: Yes
Randomize slides: No
Avoid content filter (disable if ‘!slideshow_deploy!’ is shown): Yes

https://ww.wp.xz.cn/plugins/slideshow-jquery-image-gallery/