Many thanks! I did something similar by swapping the percentages of div.profile and div.profileimage.

On this "About" page modification....How can I change the width of the text to make more space for the gallery images?

To answer my own question and for any poor suckers like me out there, here's where to paste the "start juicebox embed" code, after the div class "profile image". This will place your gallery image on the right of the text where the photo would usually go. Looks like this: 
</ul>
        </nav>
      </header>
      <section class="content">
        <section class="about">
        <div class="profile-image">         <h1><!--START JUICEBOX EMBED--><script src="jbcore/juicebox.js"></script><script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "80%",
galleryHeight: "80%",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container">
    &nbsp;</div>
<!--END JUICEBOX EMBED-->

OK, I got it, thanks. But how to make the gallery stay on the right, not below the text?

Thanks for your help, but it's still not clear exactly where I must place all the gallery files that I created. Is it inside the jbcore folder or just inside the "about" folder?

How to create a Contact form in Contact page? Something like Contact Form 7 would be ideal.

I want to embed a Juicebox gallery set to 30% within an About page template so that I can have a fading and looping number of images placed to the right of my text.