<figure class="demo-1">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/1.jpg" alt="">
</figure>

<figure class="demo-1">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/3.jpg" alt="">
</figure>

<figure class="demo-1">
  <img src="http://cssparty.com/wp-content/uploads/2017/12/2.jpg" alt="">
</figure>
figure{
  width: 300px;
  height: 180px;
  overflow: hidden;
  float: left;
  margin: 0 10px;
}
figure img{
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
	transform: scale(1);
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure.demo-1:hover img{
  -webkit-transform: scale(1.4);
	transform: scale(1.4);
}
Rerun