.ec-circular-image-wrapper {
	--eccihegap: 10px;
	display: grid;
	border-radius: 50%;
	width: max-content;
}
.ec-circular-image-wrapper.ec-cihe-aligncenter{
	margin:0 auto
}
.ec-circular-image-wrapper > .ec-cihe-img {
	grid-area: 1/1;
	width: 400px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
	transform: translate(var(--eccihextransform,0),var(--ecciheytransform,0));
	cursor: pointer;
	z-index: 0;
	transition: .3s, z-index 0s .3s;
}
.ec-circular-image-wrapper .ec-cihe-img:hover {
	--ecciheival: 1;
	z-index: 1;
	transition: transform .2s, clip-path .3s .2s, z-index 0s;
}
.ec-circular-image-wrapper:hover .ec-cihe-img {
	transform: translate(0,0);
}
.ec-circular-image-wrapper > .ec-cihe-img:nth-child(1) {
	clip-path: polygon(50% 50%,calc(50%*var(--ecciheival,0)) calc(120%*var(--ecciheival,0)),0 calc(100%*var(--ecciheival,0)),0 0,100% 0,100% calc(100%*var(--ecciheival,0)),calc(100% - 50%*var(--ecciheival,0)) calc(120%*var(--ecciheival,0)));
	--ecciheytransform: calc(-1*var(--eccihegap))
}
.ec-circular-image-wrapper > .ec-cihe-img:nth-child(2) {
	clip-path: polygon(50% 50%,calc(100% - 120%*var(--ecciheival,0)) calc(50%*var(--ecciheival,0)),calc(100% - 100%*var(--ecciheival,0)) 0,100% 0,100% 100%,calc(100% - 100%*var(--ecciheival,0)) 100%,calc(100% - 120%*var(--ecciheival,0)) calc(100% - 50%*var(--ecciheival,0)));
	--eccihextransform: var(--eccihegap)
}
.ec-circular-image-wrapper > .ec-cihe-img:nth-child(3) {
	clip-path: polygon(50% 50%,calc(100% - 50%*var(--ecciheival,0)) calc(100% - 120%*var(--ecciheival,0)),100% calc(100% - 120%*var(--ecciheival,0)),100% 100%,0 100%,0 calc(100% - 100%*var(--ecciheival,0)),calc(50%*var(--ecciheival,0)) calc(100% - 120%*var(--ecciheival,0)));
	--ecciheytransform: var(--eccihegap)
}
.ec-circular-image-wrapper > .ec-cihe-img:nth-child(4) {
	clip-path: polygon(50% 50%,calc(120%*var(--ecciheival,0)) calc(50%*var(--ecciheival,0)),calc(100%*var(--ecciheival,0)) 0,0 0,0 100%,calc(100%*var(--ecciheival,0)) 100%,calc(120%*var(--ecciheival,0)) calc(100% - 50%*var(--ecciheival,0)));
	--eccihextransform: calc(-1*var(--eccihegap))
}

.ec-circular-image-wrapper.ec-cihe-layout2 .ec-cihe-img {
	transform: scale(0.9) rotate(0deg);
	transition: transform 0.5s ease, clip-path 0.3s;

}

.ec-circular-image-wrapper.ec-cihe-layout2 .ec-cihe-img:hover {
	transform: scale(1) rotate(8deg);
}

.ec-circular-image-wrapper.ec-cihe-layout3:hover .ec-cihe-img {
	filter: blur(2px) brightness(0.7);
	transform: scale(0.95);
}

.ec-circular-image-wrapper.ec-cihe-layout3 .ec-cihe-img:hover {
	filter: blur(0) brightness(1);
	transform: scale(1.05);
	z-index: 3;
}
@media (max-width: 767px) {
	.ec-circular-image-wrapper > .ec-cihe-img{
	width: 250px;
	}
}