/* Wrapper được animate bằng translate3d + scaleX để auto-face */
.csi-wrap { will-change: transform; }

/* Inner giữ flip/rotate/scale cơ bản và căn giữa media */
.csi-inner{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  will-change: transform;
}

/* ẢNH – các chế độ co giãn tự động */
.csi-inner[data-auto="fit"] img{ width:100%; height:100%; object-fit:contain; }
.csi-inner[data-auto="cover"] img{ width:100%; height:100%; object-fit:cover; }
.csi-inner[data-auto="stretch"] img{ width:100%; height:100%; object-fit:fill; }
.csi-inner[data-auto="span"] img{ width:100%; height:auto; }
.csi-inner[data-auto="centre"] img{ transform:translate(-50%,-50%); }
.csi-inner[data-auto="tile"]{ background-repeat:repeat; }