Decoration not centered

Hey guys

I have been playing and having fun with the with the decorations in VC to add character to my pages, can you take a quick look at my contact page – when I added an opaque background to my top row – the arrow moved to the right and is no longer aligned correctly.
https://digitalclimb.co.uk/contact/

Also on this page the arrow is visible in IE and Firefox but not in Chrome? The background in the top row is dynamic:

https://digitalclimb.co.uk/wordpress-services/

Any advice is gratefully received

Kat