I am using Juicebox Lite.
I am testing it locally on my macOSMojave.
I am embedding it into an html file.

The index.html file does not display locally on Google Chrome or Safari.
The index.html file does display locally in Firefox.
But when I try to view my website page locally in Firefox, it displays the following error message "Config file not found."

My Juicebox folder is called "gallery" and I am storing it outside of the folder where the website page is located.
Location of website page: "../navbar/gallery.html"
Location of gallery: "../gallery"

I am using the recommended baseURL embed code but it is not working.

            <!--START JUICEBOX EMBED-->
                <script src="../gallery/jbcore/juicebox.js"></script>
                <script>
                  new juicebox({
                    baseUrl: '../gallery/',
                    containerId: 'juicebox-container',
                    galleryWidth: '610',
                    galleryHeight: '555',
                    backgroundColor: '#222222'});
                </script>
                <div id="juicebox-container"></div>
            <!--END JUICEBOX EMBED-->

Can you please advise if this is a problem with my code, or if this is a problem with the browser?
Because I have followed your instructions to a T, and I have double, triple-checked my pathing and it is correct.
So I don't understand why Firefox keeps telling me "Config file not found."
And I don't understand why the index.html file displays perfectly fine, but not the code that is embedded in my website.
The index.html file is located in the gallery folder that I'm trying to route the baseURL to.
So if Firefox can display the index.html, it should be able to find the XML file too.

Thanks in advance for your help.