Não consigo ocupar toda a largura da tela com imagem

Normalmente quando frontends estão estilizando o documento HTML com seu CSS, eles iniciam dando um reset em alguns elementos HTML que vem com umas propriedades padrão.

Use o seletor universal e faça um reset básico e coloca no seu CSS e me diga o que mudou:

* {
padding: 0;
margin: 0;
}

(Coloque no inicio do seu código)

E procure por algo Reset CSS, existem resets do básico ao mais complexo.

E olhando o código que você pôs, tente assim:

.capa {
    width: 100vw;
}

caso não dê, adicione padding e margin:

.capa {
     width: 100vw;
     margin: 0;
     padding: 0;
}

Consegui resolver com o seletor universal, tentei com as outras opções que me deu mas não funcionou. Obrigado @caiodqribeiro