.jyp-images-effects__layers {
	position: relative;
	width: 100%;
}

.jyp-images-effects__layer:first-child {
	position: relative;
}

.jyp-images-effects__layer:not(:first-child) {
	position: absolute;
	inset: 0;
}

.jyp-images-effects__layer {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	color: var(--e-global-color-text, #333);
}

.jyp-images-effects__image {
	display: block;
	max-width: 100%;
	height: auto;
}

.jyp-images-effects__text {
	display: block;
	width: 100%;
	color: var(--e-global-color-text, inherit);
}

.jyp-images-effects__layer--text {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.jyp-images-effects__layer:not(:first-child) .jyp-images-effects__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jyp-images-effects--parallax {
	position: relative;
	overflow: hidden;
	perspective: var(--jyp-images-effects-perspective, 1000px);
}

.jyp-images-effects--parallax .jyp-images-effects__layers {
	transform: rotateX(var(--jyp-images-effects-move-y, 0deg)) rotateY(var(--jyp-images-effects-move-x, 0deg)) scale(var(--jyp-images-effects-cover-scale, 1));
	transform-style: preserve-3d;
	transition: transform 100ms ease-out;
	will-change: transform;
}

.jyp-images-effects--parallax .jyp-images-effects__layer {
	transform: translateZ(var(--jyp-images-effects-depth, 0px)) scale(var(--jyp-images-effects-scale, 1));
	backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.jyp-images-effects--parallax .jyp-images-effects__layers {
		transition: none;
	}
}