Как убрать белую полосу под jpg изображением?

Question

froggush @jean_gaben

HTML
CSS

Как убрать белую полосу под jpg изображением?

Подскажите, пожалуйста, как убрать эту полосу из-под изображений? Почему то div, внутри которого они находятся, резервирует ещё 1-2 пикселя неизвестно зачем о.о

<div class="journal">
    <div class="journal__item dark">
      <div class="journal__inner">
        <div class="journal__suptitle">
          <div class="date">Jan 4, 2016</div>
          <span>|</span>
          <div class="theme">In Culture</div>
        </div>
        <div class="journal__title">Akita Inu Dog</div>
        <div class="journal__content">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
          mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Vivamus sagittis lacus vel
          augue laoreet rutrum faucibus dolor auctor.
          <br><br>
          Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Sed
          posuere</div>
      </div>
    </div>
    <div class="journal__item"><img src="images/article-img-1.jpg"
        alt="guy works with not working Turing machine"></div>
    <div class="journal__item"><img src="images/article-img-2.jpg" alt="another guy. does the same"></div>
    <div class="journal__item bright">
      <div class="journal__inner">
        <div class="journal__suptitle">
          <div class="date">Jan 4, 2016</div>
          <span>|</span>
          <div class="theme">In Culture</div>
        </div>
        <div class="journal__title">Akita Inu Dog</div>
        <div class="journal__content">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
          mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Vivamus sagittis lacus vel
          augue laoreet rutrum faucibus dolor auctor.
          <br><br>
          Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Sed
          posuere</div>
      </div>
    </div>
  </div>

.dark{
  background-color: $second-color;
}
.bright{
  color: $second-color;
  background-color: #f3f3f3;
}
.journal{
  display: flex;
  flex-wrap: wrap;
}
.journal__item{
  width: 50%;
  &.bright{
    padding-left: 75px;
  }
  .journal__inner{
    padding-top: 80px;
    max-width: 480px;
  }
  .journal__suptitle{
    display: flex;
    font-size: 13px;
    font-family: "Gotham";
    margin-bottom: 15px;
    span{
      display: block;
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  .journal__title{
    font-size: 25px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 500;
  }
  &:first-child{
    padding-left: calc(50% - 1170px/2);
  }
}