JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
<img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt="">
<img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png" alt="">
<img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png" alt="">
<img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png" alt="">
</div>

CSS

#menu {
	max-width: 1200px;
	text-align: center;
    margin: auto;
}

#menu img {
    width: 250px;
	height: 375px;
	padding: 0px 5px 0px 5px;
	overflow: hidden;

}


.blog {
	height: 375px;
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
}

.blog:hover {
	cursor: pointer;
	height:475px;
	width: 350px;
}

.music {
	height: 375px;
}

.projects {
	height: 375px;
}

.bio {
	height: 375px;
}