.elementor-widget-as-image-box-hover .as-image-box-hover {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.elementor-widget-as-image-box-hover.as-image-box-position-left .as-image-box-hover,
.elementor-widget-as-image-box-hover.as-image-box-position-right .as-image-box-hover {
    flex-direction: row;
    align-items: center;
}

.elementor-widget-as-image-box-hover.as-image-box-position-right .as-image-box-hover {
    flex-direction: row-reverse;
}

.as-image-box-hover__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 0;
}

.as-image-box-hover__primary,
.as-image-box-hover__secondary {
    width: 100%;
    height: 100%;
}

.as-image-box-hover__image img {
    display: block;
    width: 100%;
    height: 100%;
    transition-property: opacity, transform;
    transition-duration: 400ms;
    transition-timing-function: ease;
    backface-visibility: hidden;
}

.as-image-box-hover__secondary {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.as-image-box-hover__secondary img {
    width: 100%;
    height: 100%;
}

.as-image-box-hover__title {
    margin-top: 0;
}

.as-image-box-hover__title a,
.as-image-box-hover__link {
    color: inherit;
    text-decoration: none;
}

.as-image-box-hover__description {
    margin-bottom: 0;
}

/* Fade */
.as-hover-effect-fade .as-image-box-hover__secondary img { opacity: 0; }
.as-hover-effect-fade .as-image-box-hover__image:hover .as-image-box-hover__secondary img { opacity: 1; }
.as-hover-effect-fade .as-image-box-hover__image:hover .as-image-box-hover__primary img { opacity: 0; }

/* Zoom in */
.as-hover-effect-zoom-in .as-image-box-hover__secondary img { opacity: 0; transform: scale(1.15); }
.as-hover-effect-zoom-in .as-image-box-hover__image:hover .as-image-box-hover__secondary img { opacity: 1; transform: scale(1); }
.as-hover-effect-zoom-in .as-image-box-hover__image:hover .as-image-box-hover__primary img { opacity: 0; transform: scale(.92); }

/* Zoom out */
.as-hover-effect-zoom-out .as-image-box-hover__secondary img { opacity: 0; transform: scale(.85); }
.as-hover-effect-zoom-out .as-image-box-hover__image:hover .as-image-box-hover__secondary img { opacity: 1; transform: scale(1); }
.as-hover-effect-zoom-out .as-image-box-hover__image:hover .as-image-box-hover__primary img { opacity: 0; transform: scale(1.12); }

/* Slides */
.as-hover-effect-slide-left .as-image-box-hover__secondary img { transform: translateX(100%); }
.as-hover-effect-slide-left .as-image-box-hover__image:hover .as-image-box-hover__secondary img { transform: translateX(0); }
.as-hover-effect-slide-left .as-image-box-hover__image:hover .as-image-box-hover__primary img { transform: translateX(-100%); }

.as-hover-effect-slide-right .as-image-box-hover__secondary img { transform: translateX(-100%); }
.as-hover-effect-slide-right .as-image-box-hover__image:hover .as-image-box-hover__secondary img { transform: translateX(0); }
.as-hover-effect-slide-right .as-image-box-hover__image:hover .as-image-box-hover__primary img { transform: translateX(100%); }

.as-hover-effect-slide-up .as-image-box-hover__secondary img { transform: translateY(100%); }
.as-hover-effect-slide-up .as-image-box-hover__image:hover .as-image-box-hover__secondary img { transform: translateY(0); }
.as-hover-effect-slide-up .as-image-box-hover__image:hover .as-image-box-hover__primary img { transform: translateY(-100%); }

.as-hover-effect-slide-down .as-image-box-hover__secondary img { transform: translateY(-100%); }
.as-hover-effect-slide-down .as-image-box-hover__image:hover .as-image-box-hover__secondary img { transform: translateY(0); }
.as-hover-effect-slide-down .as-image-box-hover__image:hover .as-image-box-hover__primary img { transform: translateY(100%); }

/* Flip */
.as-hover-effect-flip-x .as-image-box-hover__image,
.as-hover-effect-flip-y .as-image-box-hover__image { perspective: 1000px; }
.as-hover-effect-flip-x .as-image-box-hover__secondary img { opacity: 0; transform: rotateY(90deg); }
.as-hover-effect-flip-x .as-image-box-hover__image:hover .as-image-box-hover__primary img { opacity: 0; transform: rotateY(-90deg); }
.as-hover-effect-flip-x .as-image-box-hover__image:hover .as-image-box-hover__secondary img { opacity: 1; transform: rotateY(0); }

.as-hover-effect-flip-y .as-image-box-hover__secondary img { opacity: 0; transform: rotateX(90deg); }
.as-hover-effect-flip-y .as-image-box-hover__image:hover .as-image-box-hover__primary img { opacity: 0; transform: rotateX(-90deg); }
.as-hover-effect-flip-y .as-image-box-hover__image:hover .as-image-box-hover__secondary img { opacity: 1; transform: rotateX(0); }

@media (max-width: 767px) {
    .elementor-widget-as-image-box-hover.as-image-box-position-left .as-image-box-hover,
    .elementor-widget-as-image-box-hover.as-image-box-position-right .as-image-box-hover {
        flex-direction: column;
        align-items: stretch;
    }
}
