i can’t seem to get it all to move up in harmony. i was hoping there was something like ‘overflow: visible’ that would work on that background image so i didn’t have to mess with negative margins since that always looks terrible on mobile.
Unfortunately background images cannot extend beyond their container. Yes, i agree negative margins are not a good thing.
You can wrap that CSS in a media query if you want to apply it to desktop only.
Alternative maybe to splice the header background image so part of it becomes the top of the content background.