Não sabia que tinha até essas dúvidas aqui rsrs
Vamos lá...
Meu caro, a resposta é: não tem saída bacana pra isso.
Se você quer colocar uma imagem, vai gerar um problema: tamanho (carregamento dela, já que ela vai se repetir por várias seções e outras não). Isso vai gerar um site com demora no carregamento.
Se quer imagem é o padrão 1920 px de largura por altura variável. Os PCs 21:9 (pequeníssima minoria) ficarão de fora, por serem muito específico mesmo. Uma vez que pra tela pequena você tem como configurar por lá. Mas pra telas grandes em 16:9 e 21:9 não tem como configurar diferenciação (limitação básica dos sistemas responsivos).
Até onde eu sei é assim.
Saída:
Complexa: jogar uma imagem até 21:9 em svg (dependendo do tamanho vai se ajustar), mas pra fazer imagem tem que ser desgin fera, pra gerar algo leve e bonito ao mesmo tempo.
Simples: use um bom, belo e moral gradientes de cores. Que vai se ajustar a tudo. Crie um padrão diferente para as seções. Ok!
Combinação das duas opções: Criar um padrão de background com gradientes + um desenho estilizado em svg para diferenciar as seções que gostaria de ter.
Eu vejo assim.
Questões de imagens, sempre vai ter esse problema.
...
Te dá valor.