Cacher is the code snippet organizer for pro developers

.img-container {
  transition: all 0.8s ease;
  overflow: hidden;
  width: 100%;
  max-width: 275px;
  height: 225px;
  position: relative;
  .img {
      transition: all 0.8s ease;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-image: url('https://i.picsum.photos/id/870/450/550.jpg');
  }
  &:hover {
      .img {
          transform: scale(1.15);
      }
  }
}

<div class="img-container">
    <div class="img"></div>
</div>