HTML, CSS, Google Fonts

This is my second challenge here on Frontend Mentor!

I am looking for help with my desktop version. I can't seem to figure out why the purple overlay over the image is showing at the corners. Also, my container div won't center on the page properly. If you use Chrome Devtools to Inspect, you will see there's an invisible column or margin that pushes the div to the left. I'm not sure how to correct this, but would love suggestions.

I will be adding the README tomorrow, June 23, 2021. Thanks for taking a look!