.hover_img > a {
	position: relative;
}

.hover_img > a > span {
	position: absolute;
	left: 0;
	transform: translate(-50%, -50%);
	display: block;
	width: 240px;
	height: 240px;
	z-index: -1;
	opacity: 0;
	transition: opacity 0.33s ease-in-out;
}

.hover_img > a:hover > span {
	opacity: 1;
}

.hover_img img {
	width: 240px;
	height: 240px;
	object-fit: cover;
	border-radius: 50% 50% 50% 50%;
}