can the lightbox be shrunk down so it is not full screen? Centered on top of the webpage.

[psldesigns]

Need to shrink the lightbox so that it shows up on top of the page the user was on, centered on the page, more like a popup. It can take up most of the page, just want visitors to know they didn't really leave.

Here is our test page: https://russellrhodes.com/PET-TEST-2023I.html , when here, click on the large red banner that says "click here to personalize", then scroll down a bit, you will see a gallery of pets. The sorting works fine, click on any image and it opens full page. When the image is clicked this is where we want it to be more of a popup then full screen. We just can seem to figure out how to do it. Even if it just had a margin around it that allowed the page below to be seen so the customer knows they didn't leave. (FYI: it isn't live on actual product pages on the rest of the site, this is just our testing page).

We have customized the css and the js slightly, they are attached as txt files and in a zip (.css and .js) for your convenience.

Would be very appreciative of any help. Thank you.

nanogallery2_pl.zip
jquery.nanogallery2.min.txt
nanogallery2_pl.min.txt