.mouse-parallax-container {
  position: relative;
  overflow: hidden;

  perspective: 900px;
  perspective-origin: center;
}

.parallax-inner {
  width: 100%;
  height: 100%;
  position: relative;

  transform-style: preserve-3d;
  transition: transform 0.15s ease-out;
}

/* ⭐ CLAVE: centrado real de la imagen */
.mouse-parallax-image {
  position: absolute;
  top: 50%;
  left: 50%;

  /* centra la imagen */
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;

  object-fit: cover;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}