Ive been spending hours trying to embed my Juicebox Gallery into Muse. I can tell you as a novice coder, Juicebox is not very user friendly.

I keep trying different variations, slightly changing the code.. Trial and error is working for me. Theres just too much I don't really know. 

Ive been getting two error messages:
1. (With a Transparent Checkered Pattern as the background) Unable to generate thumbnail
2. (With the background the color of my gallery) Config XML file not found

Is there anything wrong with my HTML? My gallery files are located exactly as shown as well as my config.xml:

<!--START JUICEBOX EMBED-->
<script src="http://www.joshblank.photo/Gallery/Mexico/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: 'http://www.joshblank.photo/Gallery/Mexico/',
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="images/Mexico_16-0004.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0118-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0158.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0164.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0166-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0176.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0251.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0256.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0281.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0290.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0309.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0326.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0345.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0359-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0365.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0388.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0391.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0398.jpg" title="" alt="" /><br> </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->

Any help will be greatly appreciated!
Keep in mind I am new to all this and still learning. Please try to make your replies as least confusing as possible!