Edit in JSFiddle

<div></div>

div {
  height: 500px;
  border: dashed 2px red;
  position: relative;
  overflow: hidden;
}
div::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://static.pexels.com/photos/20787/pexels-photo.jpg);
  background-size: cover;
  background-position: center; 
  transition: transform 1s ease;
}
div:hover::after{
  transform: scale(1.2);
}