如何在带有图像的列中删除左边距（引导程序4）

Question

我正在尝试创建列表，每一行将包含3列。第一列包含图像。但是问题是图像的左侧有空白。如何将其删除？

 <div class="row jobs-card  align-items-center h-100">
  <div class="col-md-2">
   <image class="img-responsive" style="width:100%" src="https://cdn.pixabay.com/photo/2016/12/27/13/10/logo-1933884_960_720.png"/>
     </div>
   <div class="col-md-8 float-left">
     <h2> Heading for listing. </h2>
     <h5> company name ! category </h5>
     <p> specialist for manufacturing company </p>
   </div>
    <div class="col-md-2 float-right ">
     <p class="mx-auto">
       10m ago </p>
   </div>
   </div>
   </div> 

css

.jobs-card {
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
margin-top:30px;  

}

如何去除图像左侧的空白？