将非 50% 宽的容器填充到视口边缘

我正在设计一个布局，其中大部分内容的最大宽度为 1400 像素，但横幅区域除外，该区域具有 4 x 带有文本叠加的横幅（一个左侧大横幅，宽度为 66.666%，右侧堆叠 3 x宽度为 33.333% 的横幅。

横幅必须具有 IMG 背景，因为它们需要可通过 CMS 进行编辑，并且应填充到视口的边缘，同时坚持左右横幅应相交的点。它们的文本内容保持在 1400 像素的宽度内，因此与下面的内容对齐。

我可以处理低于 1400 像素的分辨率，并且可以使用较低分辨率的工作模式，但是高于此分辨率的分辨率我无法理解。

我附上了一份我试图用绿色区域做的事情的副本，显示橙色框应如何向左扩展，黄色框显示灰色框应如何向右扩展超过 1400 像素。

我希望这是有道理的？