* {
	margin: 0;
	box-sizing: border-box;
}
svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
circle{
	transform-origin: 50% 50%;
	transform: scale(0);
	transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.item{
	position: relative;

	width: 300px;
	height: 200px;
	/*overflow: hidden;*/
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	border-radius: 2px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.02),inset 0 0px 0px 1px rgba(0, 0, 0, 0.07);
	transform: translateZ(0);
}
.svg-text {
	fill: #545a64;
}

.svg-masked-text {
	fill: white;
}
image{
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.item:hover circle,
.item:hover image{
	transform: scale(1);
}