.slide-in-image-container {
    width: 100%;
}

.slide-in-image-container.align-left {
    text-align: left;
}

.slide-in-image-container.align-center {
    text-align: center;
}

.slide-in-image-container.align-right {
    text-align: right;
}

.slide-in-image {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    transform: none;
    will-change: transform, opacity;
    transition:
        transform var(--slide-duration, 700ms) var(--slide-easing, ease),
        opacity var(--slide-duration, 700ms) var(--slide-easing, ease);
    transition-delay: var(--slide-delay, 0ms);
}

.slide-in-image img {
    display: block;
    width: 100%;
    height: auto;
}

.slide-in-image__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.slide-in-image.anim-fade,
.slide-in-image.anim-slide-fade,
.slide-in-image.anim-zoom-fade {
    opacity: 0;
}

.slide-in-image.anim-slide.dir-left,
.slide-in-image.anim-slide-fade.dir-left {
    transform: translateX(calc(var(--slide-distance, 60px) * -1));
}

.slide-in-image.anim-slide.dir-right,
.slide-in-image.anim-slide-fade.dir-right {
    transform: translateX(var(--slide-distance, 60px));
}

.slide-in-image.anim-slide.dir-top,
.slide-in-image.anim-slide-fade.dir-top {
    transform: translateY(calc(var(--slide-distance, 60px) * -1));
}

.slide-in-image.anim-slide.dir-bottom,
.slide-in-image.anim-slide-fade.dir-bottom {
    transform: translateY(var(--slide-distance, 60px));
}

.slide-in-image.anim-zoom-fade {
    transform: scale(0.92);
}

.slide-in-image.is-visible {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .slide-in-image {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}