I am working on this site layout: http://buccis.fnb-it.com and trying to get the background images to properly size when switching to mobile, tablet etc. If I don’t touch anything they are constrained vertically to a very small height and wider than the max site width.
If I add enough padding so they are not constrained and remove the the size entry (cover) they fit but don’t scale on lower resolutions. (Current setup)
My goal is to position text boxes or other elements over the backgrounds but have it scale on mobile (some elements I plan to hide on smaller screens).
What is the proper setting for the background images for each section to be as responsive as possible within reason, but retaining max site width and spacing between each section?