JSFiddle - React, Tailwind, and code Playground

https://jsfiddle.net/#run

HTML

<a href="http://google.com">
  <img src="http://www.zastavki.com/pictures/1366x768/2005/Animals_Cats__001795_1.jpg" alt="" class="image">
</a>

CSS

a {
  width: 100%;
  height: 100%;
}
.image {
    width: 100%;
    height: 100%;
    position: absolute;
    background: red;
    animation-name: big;
    animation-duration: 4s;
}

@keyframes big {
  from {width: 10px; height: 10px; top: 50%; left: 50%;}
  to {width: 100%; height: 100%; top: 0; left: 0;}
}