<!DOCTYPE HTML>
<html>

<head>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div id="rmContainer">
    <ul>
      <li class="img1">
        <img class="parentimage" src="http://omnimanager.co/plunker/image1.jpg" />
      </li>
      <li>
        <img class="parentimage" src="http://omnimanager.co/plunker/image2.jpg" />
      </li>
      <li>
        <img class="parentimage" src="http://omnimanager.co/plunker/image3.jpg" />
      </li>
      <li>
        <img class="parentimage" src="http://omnimanager.co/plunker/image4.jpg" />
      </li>
    </ul>
  </div>
</body>

</html>
// Code goes here

/* Styles go here */


#rmContainer ul li {
  list-style: none;
}

#rmContainer ul li img.parentimage {
  width: 164px;
  height: 240px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#rmContainer ul li img.parentimage:hover {
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}