Диагональный клин в форме CSS — центрирование в браузере от края до края

Я пытался создать эту форму в CSS.

В идеале он должен охватывать всю длину окна браузера и, вероятно, выходить за пределы поля зрения для поддержки больших экранов, а также располагаться по центру, чтобы угол не менялся.

У кого-нибудь есть решения?

Также я думаю, что могу столкнуться с проблемой резкого наложения углов. Возможно, мне придется прибегнуть к использованию изображения. Хотя хотелось бы использовать CSS.

** Ошибка правописания изображения. (Неопределенно не неизбежно)