I am encountering multiple issues with the background image on my website. The initial problem arises when the screen is smaller than the content, and users scroll horizontally to view cut-off content resulting in the background image being cutoff to the window size.
If I can resolve the first issue, it may help alleviate other related problems. Currently, the problem occurs specifically in Chrome. I attempted using jQuery to resize the background image based on screen size. However, this solution has created a large white space (sometimes requiring a screen refresh) between the image and the black footer.
Any assistance with either of these challenges would be greatly appreciated! Thank you.