Adjusting Padding Between Panels

If you look at the site, you will notice there is large spacing between the CSS I added for the banner and main image.

I am trying to reduce this to 0. I attempted to adjust the spacing myself by referencing panel and setting padding to 0, but I must be doing something incorrect as it refuses to take.

Any help would be greatly appreciated.


I am not sure what cause it but you can use this css code below to remove the gap:

.has-banner:after {
    background-size: cover;

#pgc-2040-0-0 .so-panel.widget {
    padding-top: 0;

you can put the code above using custom css plugin