.cci-has-image {
	position: relative;
	isolation: isolate;
}

.cci-center-image {
	position: absolute;
	top: 50%;
	left: var(--cci-anchor, 50%);
	width: var(--cci-width, 50%);
	max-width: none;
	max-height: 100%;
	height: auto;
	margin: 0;
	transform: translate(calc(var(--cci-shift, -50%) + var(--cci-x, 0px)), calc(-50% + var(--cci-y, 0px)));
	z-index: 2;
	pointer-events: none;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.cci-center-image {
		left: var(--cci-anchor-tablet, var(--cci-anchor, 50%));
		width: var(--cci-width-tablet, var(--cci-width, 50%));
		transform: translate(calc(var(--cci-shift-tablet, var(--cci-shift, -50%)) + var(--cci-x-tablet, var(--cci-x, 0px))), calc(-50% + var(--cci-y-tablet, var(--cci-y, 0px))));
	}
}

@media (max-width: 767px) {
	.cci-center-image {
		left: var(--cci-anchor-mobile, var(--cci-anchor-tablet, var(--cci-anchor, 50%)));
		width: var(--cci-width-mobile, var(--cci-width-tablet, var(--cci-width, 50%)));
		transform: translate(calc(var(--cci-shift-mobile, var(--cci-shift-tablet, var(--cci-shift, -50%))) + var(--cci-x-mobile, var(--cci-x-tablet, var(--cci-x, 0px)))), calc(-50% + var(--cci-y-mobile, var(--cci-y-tablet, var(--cci-y, 0px)))));
	}
}