.elementor-widget-ube-image-layers {

	.elementor-widget-container {
		@include d-flex();
		@include align-items-center();
		@include justify-content-center();
	}

	.ube-image-layers {
		max-width: 100%;
		max-height: 100%;
		position: relative;
		width: 100%;
	}

	.layers-wrapper {
		width: 100%;
		height: 100%;

	}

	.layer:not(.static-layer) {
		position: absolute!important;
		top: 0;
		left: 0;
		width: auto;
		display: inline-block;
	}


	.static-layer {
		position: relative!important;
		top: auto!important;
		left: auto!important;
	}
}

.ube-image-hover-translate {
	.card-img {
		@include transition(1s ease-in-out);
	}

	&:hover {
		.card-img {
			@include transform(translateX(-20px));
		}
	}
}

@keyframes ube-loop-move-vertical {
	0% {
		transform: translate3d(0, -5px, 0);
	}
	100% {
		transform: translate3d(0, 5px, 0);
	}
}

.ube-loop-move-vertical {
	animation: 3s ube-loop-move-vertical linear infinite alternate;
}

@keyframes ube-loop-move-horizontal {
	0% {
		transform: translate3d(-5px, 0, 0);
	}
	100% {
		transform: translate3d(5px, 0, 0);
	}
}

.ube-loop-move-horizontal {
	animation: 3s ube-loop-move-horizontal linear infinite alternate;
}

@keyframes ube-loop-rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.ube-loop-rotate {
	animation: 3s ube-loop-rotate linear infinite;
}
