.fx-scroll {
    will-change: scroll-position, transform;
    --x: 80px;
    --dy: 0;
    position: relative;
    z-index: 2;
}
.fx-move-left {
    transform: translateX(
        clamp(0px, calc(var(--x) - (3 * var(--x) * var(--dy))), var(--x))
    );
}
.fx-move-top {
    transform: translateY(
        clamp(0px, calc(var(--x) - (3 * var(--x) * var(--dy))), var(--x))
    );
}
.fx-scale-in {
    transform: scale(clamp(0.75, calc(0.75 + var(--dy)), 1.005));
}
.fx-fade {
    opacity: clamp(0, calc(0 + (3 * var(--dy))), 1);
}