Removing small gap between pictures?

Can you clarify which two images you’re talking about?

Since you already have a child theme, add this to your child theme’s stylesheet:

#pg-76-1 {
margin-top: -10px;
}

You can experiment with different values, but note that it must be a negative number. Also, since you’re using a caching plugin, you may need to either force a browser refresh (see your browser’s documentation) or temporarily disable your caching plugin before you see any changes.

I can see what’s wrong with the righthand panel, but I can’t get it to look quite right. This is a bit of a hacky solution, but try this:

#panel-76-1-2-0 {
    padding-left: 38px;
}

You can play with the value until it looks right to you.

For your second question, can you clarify which panel you’re trying to move. Are you trying to move the bottom panel where it says “All rights reserved. ProLeagues 2014 (c)”? If so, in your child theme’s stylesheet, try this:

#colophon {
	margin-top: -24px;
}

Again, you can play with the values until you like the look.

Hmm. I’m not sure that’s possible with the current image. The problem is that the top diamond makes the edge of the image stick out past the top orange line, and because the background of the image is dark gray, it covers up the side panels when the image is moved up. You might consider making the background transparent or you could flip the image vertically so the diamond would be on the bottom instead.