Hello, I am embedding Splash pages in a responsive html template. I want the image in the Splash page  to scale when resizing the browser window. So I setted the width and height of the embedded gallery to 70%. The code is as follows:

<script src="gallery1/jbcore/juicebox.js"></script>
<script>
baseUrl: "gallery1/",
new juicebox({
containerId: "juicebox-container1",
configUrl: "config1.xml",
galleryWidth: "70%",
galleryHeight: "70%",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container1">...</div>

However, the image doesn't display properly in the div (go here, then click the arrow of the left), unless I refresh the page, then it looks fine.

Can you help me to fix the problem?

Thanks,
Silvia