.calcco-random-parallax {
    position: relative;
    width: 100%;
    height: var(--calcco-parallax-fit-height, var(--calcco-parallax-height, 70vh));
    min-height: min(var(--calcco-parallax-min-height, 500px), var(--calcco-parallax-fit-height, 100dvh));
    overflow: hidden;
    background: #111;
}

.calcco-random-parallax__link,
.calcco-random-parallax__picture {
    display: block;
    width: 100%;
    height: 100%;
}

.calcco-random-parallax__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: var(--calcco-parallax-position, center center);
    transform: translate3d(0, var(--calcco-parallax-y, 0), 0) scale(1.04);
    transform-origin: center center;
    will-change: transform;
}

@media (max-width: 767px) {
    .calcco-random-parallax {
        height: var(--calcco-parallax-fit-height, var(--calcco-parallax-mobile-height, 70svh));
    }
}

@media (prefers-reduced-motion: reduce) {
    .calcco-random-parallax__image {
        inset: 0;
        height: 100%;
        transform: scale(1.04);
        will-change: auto;
    }
}