Graphics Glitching on top and bottom of my game screen

[SirSquiddington]

Hey, I'm new to these forums(and to RPG Maker MV admittedly, however, I have some experience in XP) so I don't know if this issue has a thread already here but I have been trying to find a solution to my problem but to no avail.

Essentially I tried my hand at some parallax mapping, which I had some problems which I then quickly fixed apart from this graphics glitch one. Basically what's occurring is my graphics at the bottom of the screen seem to appear on the top half of the screen and the graphics at the top part of the screen glitch at the bottom(I'll be attaching pictures of my maps so you can see for yourselves).

Now I was wondering if anyone can help resolve my little problem or at least point me in the right direction, I'll put below the steps I took to get to this point as well. Thanks to anyone who can take the time to respond!

===========
Further Details
===========
All Textures and Source images are from the medieval DLCs you can get on steam
Created an 18x12 Sized Grid Template(based on the 48x48 MV Tile Sizes so a resolution of 864x576) for my map on Photoshop(I have been wondering if this is too small for the textures I am using maybe?)
Created my Base Layer and added a cliff on the map
I then proceeded to add a few more textures to the map(just as various types of grass and a path).
Then I added my Trees as well as some bushes and rocks
Finally, I added a few extras like flowers and mushrooms
I then proceeded to create the overlay layer in photoshop(picture will be attached) and placed it in pictures as a .png file(I put the full image in parallax as a .png file too with ! at the start of the name).
I then used the Plugin BindPictureToMap which didn't work immediately but did when I updated to the latest version of the plugin, this is what I have in my event(First Map - Overlay is set to Picture 1):
*Show Picture: #1, First Map - Overlay, Upper Left (0,0) (100%, 100%), 255, Normal
*Plugin Command: BindPictureToMap 1 above_Characters
*Erase Event
I then used YEP_RegionRestrictions to set where the character can walk, the Parameters are as follows:
Player Restrict: 0
Event Restrict: 0
All Restrict: 0
Player Allow: 0
Event Allow: 0
All Allow: 1
My other Plugins in my manager are Community_Basic and MadeWithMv which both came preloaded in the game and I have not touched them at all.

So I hope I have not made anything too confusing and have given enough information if there is anything else you need to help solve this issue I am happy to send that information. Hopefully, this is one of those quick fixes!

The image in the game with the glitches on the top and bottom of the screen
----------------------------------------------------------------------------

---------------------------------------------------------------------------
Here is the raw .png image outside of the game and so without the glitches
---------------------------------------------------------------------------

--------------------------------------------------------------------------
And now, here is the overlay image
--------------------------------------------------------------------------

-------------------------------------------------------------------------
Hopefully these images help!

 

[Eliaquim]

If this is in parallax, you have to make the image in the same size as the map. And also, add ! at the beginning of the file name.

 

[SirSquiddington]

Yeah, I have done all of that, the file in the folder has ! at the beginning of its name and the image is the same size as the map

 

[SirSquiddington]

=================
Update to my Problem
=================
After thinking about the problem could, I was thinking it could be to do with the aspect ratio and where the 'glitchy images' are it's almost like they have replaced the black bar that would normally be on the top and bottom of the image. I could be wrong but it does seem likely
===============
Another little update
===============
It is definitely to do with the aspect ratio/screen resolution as when I changed to the resolution of the game to the map size(from the default 816x624 to the map's 864x576(18x12 tiles)) using the community_basic plugin. I didn't get the weird 'graphics glitches'.
So I have deduced that it is to do with the fact that my parallax map is most likely repeating onto the black borders of the game screen. So now my question is, how do I make it so the borders stay as black borders and my parallax map doesn't repeat onto the borders?

In case anyone comes to this thread with a similar problem, I have fixed my problem. Essentially making a parallax map smaller than the target game resolution causes issues in-game where the parallax map will repeat itself onto the borders. I believe there is a way to solve this by putting the image onto a transparent background that is the resolution of the game? I haven't tried this method yet since it was only a little test environment for me having a go at parallax mapping so I going to stick to the next method.
So I suggest figuring out what target resolution you want first, for example for me, I have chosen 1248x720 as this is fairly close to the common resolution of 1280x720 yet is divisible by 48, then divide these numbers by 48 which will then give you the minimum size parallax map you can create before you get the problem I had. So for me, that would 1248x720/48x48 = 26x15, and for the default that I mentioned earlier in this post, it would be 17x13.
Of course, if you wish to have a parallax map smaller than your target resolution, say for me I wanted an interior that was 18x18, then I would need to try out that previous fix I mentioned with the transparent background, which I will confirm once I try it out, else if someone could confirm this or correct me that would be great, then this thread can be more or less solved I guess.