Very helpful, thank you but is there a way to specify the image that I crop in Photoshop be used in the non-home page? The code you gave me works but it squeezes the image from the bottom and creates a distorted image compared to cropping to the desired size.

Question 2:
I am using Modula to create and manage galleries. When I click on an image created with Modula I was told that Photo Perfect Pro is also opening up the image so I get a double image. So what I need to do is to stop Photo Perfect Pro from opening the lightbox when I have the Modula plugin doing that for me.
Here is what the support at Modula told me:

>>>>>>>
Regarding you second question , as I can see you have there 2 plugins that are in your lightbox : the Modula Lightbox and photo-perfect-pro . The second one overlaps our lightbox as shown in this screenshot : https://prnt.sc/wksa42 . After you close our lightbox there will still be the second one created by the second plugin : https://prnt.sc/wksblp . You should deactivate the second plugin or see if there is an option in it that will not open the lightbox .
>>>>>>>

Thank you.

home page is: https://boswell.ca/wp/

and inner pages are still being worked on but here is one:

https://boswell.ca/wp/contact/

Also, how do I get the white areas filled with a different color? I bought the Pro version since I was told I could change the white borders to black.

The white area around the black text box or the gallery on the home page need to be changed to black.

Thank you.