image scale transitions

image-transition.scss

.article-heading{
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: $article-panel-height; // ex: 100px
  transition: all .3s ease-in-out;
  &:hover{
    transform: scale(1.2);
  }
}

.img-overflow{
  overflow: hidden;
}

index.html

<div class="img-overflow">
  <div class="article-heading" style="background: url('background.png')"></div>
</div>