Orbit (foundation 6.6.3) browser resizing bug (?)

OK, this is the first time I’ve tried to implement an orbit carousel within Foundation.

It’s all just simple html, css, js - but it appears to work OK across all browser sizes as expected and you can see the demo here: Jason Edwards Photography.

However, there is one bug that I can’t seem to eliminate.

If you stretch the window out to large desktop size and reload the page, then shrink the browser window to iPad or iPhone sizes, the orbit-container doesn’t resize to the the height of the images in the container, leaving a large gap between the images and the image navigation (orbit-bullets).

I found some references to a known bug from some years ago, but the fixes suggested appear not to work.

Can anyone see what I’m doing wrong?

Many thanks