Eu vou converter esta imagem PSD para CSS. Eu tenho vários h2s em várias páginas, portanto, o comprimento do texto interno e a cor de fundo podem variar. Portanto, o plano de fundo deve se adaptar automaticamente ao tamanho "qualquer".

Até agora, a marcação é algo como:

<h2 class="sub-heading lab-heading">Laboratori</h2>

Eu posso eventualmente envolver o texto interno em um<span>, mas manter uma marcação semântica válida sem qualquer elemento adicional seria.

O texto interno é girado, mas não é obrigatório. O que eu estou focando agora é o fundo inclinado.

Tenho a mente aberta para qualquer solução usando pngs de fundo escalonados (por exemplo, background-size: cover), pseudo-elementos, canvas etc. Mas deve ser modular.

Muito obrigado por qualquer sugestão.

[update] Um exemplo gráfico do que estou procurando:

[nota importante] Por trás do h2 há umpadrão irregular (não um fundo de cor "sólido")