I'm sorry to hear that you are having difficulties embedding your Juicebox gallery.
Hopefully my notes below will help.
You can certainly name the gallery folder whatever you like (as long as you use web-safe characters: uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde).
The gallery's 'index.html' file is simply a HTML file into which the gallery is embedded with no other content. Therefore, you can use the file to display the gallery on a page of its own. If you plan to embed the gallery into an existing web page alongside other content, then the gallery's 'index.html' file is actually redundant and you can safely delete it if you like.
If you use the regular embedding code (presented on JuiceboxBuilder's 'Publish' tab), then you'll be uploading the contents of the gallery folder to the directory containing the web page with the embedding code. If you already have a file named 'index.html', then you'll need to rename the gallery's 'index.html' file first (otherwise your own 'index.html' file will be overwritten). You can rename the gallery's 'index.html' file to whatever you like. (There are no references to it from any other gallery files.)
If you use the baseUrl method of embedding, then you'll be uploading the entire gallery folder (not just the contents) to your web server and the gallery's 'index.html' file will not clash with any other files named 'index.html' on your web server, although you could still rename the gallery's 'index.html' file if you like (or delete it if you don't need it).
If you uploaded the entire gallery folder to your root directory, then I should be able to view your gallery's 'config.xml' file here: https://www.faithgranger.com/karine_photo1/config.xml
However, going directly to that location in a browser results in an error 404.
Please double-check that your gallery folder is named 'karine_photo1' and that it has been uploaded correctly to your root directory.
If the gallery folder is present in the correct location on your web server, then the embedding code you posted should work fine.
However, when viewing the source code of your 'photos1.htm' page, there seems to be no Juicebox embedding code on the page at all (which is probably the root cause for the gallery not displaying).
Please double-check that the embedding code has been inserted correctly into your web page.
Essentially, your embedding code looks fine (as long as your 'karine_photo1' gallery folder is in the same directory as your 'photos1.htm' page).
Just make sure that your entire 'karine_photo1' gallery folder has been uploaded to your root directory and that the embedding code has been inserted into your 'photos1.htm' page.
If you continue to experience difficulties, then try this as a starting step.
Just upload the complete gallery folder (exactly as created by JuiceboxBuilder without renaming, moving or modifying any files) to your web server and open the gallery's 'index.html' page in your browser. You should see the gallery on a page of its own. (Please post the URL to your gallery's 'index.html' page so that I can be sure of the gallery's location on your web server.) This is the first step in embedding your gallery. After the gallery has successfully been uploaded to your web server, then the next step is to insert the embedding code into your web page.
Please let me know how you get on and if you need any further assistance.