How do I make this image larger?

$('.make_bigger').click(function() {
  $('.active').not(this).addClass('non_active');
  $('.active').not(this).removeClass('active');
  if ($(this).hasClass('active')) {
    $(this).addClass('non_active');
    $(this).removeClass('active');
  } else {
    $(this).removeClass('non_active');
    $(this).addClass('active');
  }
});

.active {
  animation: make_bigger 1s ease;
  width: 200px;
  height: 201px;
}
@keyframes make_bigger {
  from { width: 127px; height: 128px; }
  to { width: 200px; height: 201px; }
}
.non_active {
  animation: make_smaller 1s ease;
  width: 127px;
  height: 128px;
}
@keyframes make_smaller {
  from { width: 200px; height: 201px; }
  to { width: 127px; height: 128px; }
}
.container {
  width: 200px;
  height: 201px;
}

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<div class="container">
  <img width="127px" height="128px" class="make_bigger" src="http://www.lyricsmode.com/i/upictures/205882.gif">
</div>
<div class="container">
  <img width="127px" height="128px" class="make_bigger" src="http://www.lyricsmode.com/i/upictures/205882.gif">
</div>
<div class="container">
  <img width="127px" height="128px" class="make_bigger" src="http://www.lyricsmode.com/i/upictures/205882.gif">
</div>