It looks like the root of your problem lies with your external 'parallax.js' JavaScript file.
When it is loaded in your web page, it removes (rather than just hides) the following elements from your web page's Document Object Model (DOM).
story-home
story-live
story-travel
story-explore
story-about
story-contactYour 'Live' gallery's container ('livecontainer') is within the 'story-live' <section> and your Travel gallery's container ('travelcontainer') is within the 'story-travel' <section>.
When Juicebox tries to loading the galleries into the respective gallery containers, the containers no longer exist on the web page because they have been removed by the code within 'parallax.js'.
The comment on your main web page regarding the 'parallax.js' file suggests that it may cause problems :
<!-- parallax.js really screws with the DOM, so make sure it's included last so other things don't notice :) -->
I do not know exactly how your web page has been designed to function (over 12 external CSS and JavaScript files are loaded on your page so it is difficult to see exactly what is going on) but if your web page somehow reinstates the elements which were initially removed by 'parallax.js' (perhaps when links are clicked), then the solution to your problem would be to delay loading your galleries until such a time that the required gallery containers are present and part of the DOM.
You could put your gallery's embedding code into a JavaScript function and run the function when a link is clicked using a jQuery .click() handler (as your web page already loads and uses jQuery).
Otherwise, an alternative would be to fiond a solution which does not use 'parallax.js'.
I've fixed up some of the code, but honestly when I first posted this, it worked when only one gallery is used;
This might be because 'parallax.js' removes DOM elements which are not initially displayed on screen (initially hidden by and accessed via a menu system) when the web page is loaded.