Scheduling distorting background image and a buggy footer

Hi guys,

I have a problem with my background image when I add the scheduler, it enlarges it and it becomes pixelated. I have the same background image on the other pages with different content and no issues. Also in firefox and safari when scrolling down there is a white space flashing between content and footer and sometimes there is a white space on the left and right site. Any ideas? The background image is on full bleed.

Also, anyone knows how to make the footer transparent and the text and social icons in white? Custom CSS?

I tried this but it did not work.

Thanks

/*TO MAKE TRANSPARENT*/
.Footer {
    background-color:transparent !Important;   
}