调整背景img删除填充的大小

Question

我在div中有一个背景img，当我尝试缩放此图像时，有一个填充（我猜）它阻止我在右侧放置项目：

填充是图像外的绿色。我想把这个填充符合我的img。

这是我的Sass代码：

%types {
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 130px;
   margin-bottom: 20px;
   background-size: 300px auto;
}
.type1 {
   @extend %types;
   background-image: url("img/events/templates/tpl1.png");
}
...

这是我的HTML代码（使用Foundation）：

<div class="small-10 columns">
   <div class="type1"></div>
   ... (more content I want to the right of the div)
</div>

干杯！