
.card.lilly {
	padding-left: 0;
	padding-right: 0;
}
.card.lilly figure {
	position: relative;
	margin: 0;
	overflow: hidden;
}
.card.lilly figure img {
	position: relative;
	max-width: 110%;
	width: 110%;
	transition: left 0.6s ease;
	left: -8%;
}
.card.lilly:hover figure img {
	left: 0;
}
.card.lilly .card-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}
.card.lilly .card-body > h2 {
	position: relative;
	top: 60%;
	margin: 0 0 0 4%;
	color: white;
	transition: top 0.6s ease;
}
.card.lilly:hover .card-body > h2 {
	top: 50%;
}
.card.lilly .card-body .card-text {
	position: relative;
	top: 60%;
	margin: 0 4%;
	overflow: hidden;
	color: white;
	white-space: nowrap;
	opacity: 0;
	transition: top 0.6s ease, opacity 0.6s ease;
}
.card.lilly:hover .card-body .card-text {
	top: 50%;
	opacity: 1;
}