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.