如何防止背景颜色过度流入行填充？

Question

我有一个标题行，其中有一个图像占据了12列中的8个。我需要图像背后的背景颜色，剩下的4列是白色的 - 这与体色不同。首先，我尝试将bg颜色添加到行中，但白色溢出到填充中。然后我尝试添加一个包装列的子div，但我遇到了问题：

您可以在图像右侧看到白色间隙。这是我想要实现的目标：

看看图片左边没有白色，我该怎么做css和html？

编辑：添加一些代码

HTML：

  <header class="row"> 
    <div class="header-wrapper clearfix">
      <div class="small-8 columns">
        <img src="images/header-logo.png">
      </div>
      <div class="small-4 columns orbit-columns">
        <img src="images/orbit/new-port-richey-office.jpg" alt="">
      </div>
    </div>
  </header>

SCSS：

header.row {
   // background-color: $white;
   .header-wrapper {
      background-color: $white;
      margin-left: -0.9375rem;
      margin-right: -0.9375rem;
   }
}