.tilt3d{
  transform-style: preserve-3d;
  will-change: transform;
}

/* -------- SPLIT MODE -------- */

.tilt3d-split{
  position: relative;
  overflow: hidden;
  --tilt-split: 68%;
}

/* ÜST (hareketli) */
.tilt3d-split .tilt3d-top{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--tilt-split);
  z-index: 2;
  transform-style: preserve-3d;
  will-change: transform;
}

/* ALT (sabit) */
.tilt3d-split .tilt3d-bottom{
  position: absolute;
  top: var(--tilt-split);
  left: 0;
  width: 100%;
  height: calc(100% - var(--tilt-split));
  z-index: 1;
}

/* Görseller */
.tilt3d-split .tilt3d-top img,
.tilt3d-split .tilt3d-bottom img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tilt3d-split .tilt3d-top img{
  object-position: top center;
}

.tilt3d-split .tilt3d-bottom img{
  object-position: bottom center;
}