.characterCard{
	margin:0.5em;
	position:relative;
}
.hideCard{
	height:7.5em;
	width:8em;
	overflow:hidden;
	padding-top:1em;
	transition:.5s;
}
.characterCard img{
	width:100%;
	animation:1s all ease;
}
.characterCard ul{
	/*display: none;*/
}
.characterCard{
	overflow:hidden;
}
.characterCard ul li{
	position:absolute;
	bottom:-4.3em;
	max-width:100%;
	text-align:center;
	color:white;
	background-color:black;
	padding:.5em;
	width:7em;
	transition:.5s;
}
.characterCard:hover ul li{
	bottom:0;
}
.characterCard:hover .hideCard{
	padding-top:0;
}