Html 引导4上的全宽双色背景上容器内的文本

我试图实现一个使用Bootstrap4的模型中的一个部分，它有一个全宽的两列背景，其中50%由一个图像填充。在页面的另一半，容器中的文本与网页的其余部分具有相同的页边距。下面是我想做的事情

我尝试将容器嵌套在2列容器流体中，但它没有将容器的边距应用于文本。我知道已经嵌套容器是不可取的，所以任何关于以更好的方式进行嵌套的建议都是受欢迎的

这是我到目前为止得到的代码

.salespitch{
高度：自动；
背景色：#F6F7F9；
}

我的同僚们都是精英。
文本

摩尔文本

试试这个：

。左{
左填充：5rem！重要；/*或其他值*/
}
.对{
填充右侧：5rem！重要；/*或其他值*/
}
.推销{
高度：自动；
背景色：#F6F7F9；
}

我的同僚们都是精英。
文本

摩尔文本

显示您的css，请添加。然而，这是一个简单的例子，其余的都是普通的b或者还没有在样式表中定义。