Hacer que la imagen de color lila ocupe todo el ancho de la pantalla

Hola. Quisiera preguntarles amigos cómo hago para que el banner que está arriba del Header, en la parte superior ocupe todo el ancho de la pantalla sin importar la resolución del dispositivo en que se visualice. He tratado por CSS pero no lo he logrado. ¿Alguna idea? Como ven queda un espacio blanco a los lados. Gracias.

Japa Mala Budista en Bogota

La única solución es hacer la imagen más larga, por lo que veo es de 1170, aumentala a 1500 :encouragement:

- - - Actualizado - - -

OJO también veo que tienes problemas con las pestañas 😕

No, no funciona lo que dices. Al aumentar a 1500 lo que hace es que aparece una barra de desplazamiento en la parte inferior de la página. ¿Sabes como lo puedo resolver copn CSS? Gracias. :s

Convertir a div esa imagen con un with: 100%