.parallax-window {
  background: transparent;
}
.parallax-window-block{
  margin: 20px 0px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
}
.parallax-window-description{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 111;
}

/* DIFUMINADO SUPERIOR E INFERIOR */
.parallax-mirror {
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    ) !important;

    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    ) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}


/* IMAGEN + DIFUMINADO 4 LADOS + ZOOM */
.parallax-mirror img {

    /* Zoom controlado por el JS */
    scale: var(--kriss-zoom, 1);
    transform-origin: center center !important;
    transition: scale 0.08s linear;
    will-change: scale;

    /* Difuminado vertical + lateral */
    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            black 15%,
            black 85%,
            transparent 100%
        ),
        linear-gradient(
            to right,
            transparent 0%,
            black 8%,
            black 92%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            black 15%,
            black 85%,
            transparent 100%
        ),
        linear-gradient(
            to right,
            transparent 0%,
            black 8%,
            black 92%,
            transparent 100%
        ) !important;

    /* Combinar ambas máscaras */
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}