.atropos {
position: relative;
display: block;
perspective: 1200px;
transform: translate3d(0, 0, 0);
}
.atropos-rotate-touch,
.atropos-rotate-scroll-x,
.atropos-rotate-scroll-y {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.atropos-rotate-touch-scroll-y {
touch-action: pan-y;
}
.atropos-rotate-touch-scroll-x {
touch-action: pan-x;
}
.atropos-rotate-touch {
touch-action: none;
}
.atropos-scale,
.atropos-rotate {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition-property: transform;
display: block;
}
.atropos-shadow,
.atropos-highlight {
position: absolute;
pointer-events: none;
transition-property: transform, opacity;
display: block;
opacity: 0;
}
.atropos-shadow {
z-index: -1;
background: #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
filter: blur(30px);
}
.atropos-highlight {
left: -50%;
top: -50%;
width: 200%;
height: 200%;
background-image: radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);
z-index: 0;
}
.atropos-rotate {
position: relative;
}
.atropos-inner {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
transform-style: preserve-3d;
transform: translate3d(0, 0, 0);
display: block;
}
.atropos-active {
z-index: 1;
}
.atropos-active .atropos-shadow {
opacity: 1 !important;
}
[data-atropos-offset] {
transition-property: transform;
}
[data-atropos-opacity] {
transition-property: opacity;
}
[data-atropos-offset][data-atropos-opacity] {
transition-property: transform, opacity;
}.elementor-widget-crafto-image .crafto-image-wrapper a {
display: block;
} .crafto-image-wrapper .image-box.reveal-effect,
.crafto-image-wrapper .liquid-parallax-box {
display: inline-block;
}
.crafto-image-wrapper a .liquid-parallax-box {
width: 100%;
}
.crafto-image-wrapper .image-box.reveal-effect {
width: 100%;
}
.crafto-image-wrapper .shadow-in {
box-shadow: 0 20px 100px 0 rgba(0, 0, 0, 0.1);
}
[data-shadow-animation].shadow-in img {
opacity: 1;
transition-delay: .35s;
}
[data-shadow-animation] img {
opacity: 0;
transition: opacity .65s cubic-bezier(.5,1,.5,1);
}
.liquid-parallax-box {
overflow: hidden;
position: relative;
}
.liquid-parallax-box .liquid-parallax {
will-change: transform;
transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
transform: translateY(0) scale(1.201);
position: relative;
}
.crafto-image-wrapper .atropos img {
border-radius: 6px 6px 6px 6px;
position: relative;
display: block;
width: 100%;
} @media (max-width: 1024px) {
.liquid-parallax-box .liquid-parallax {
top: 0;
}
}