Как применить transform-origin к позиции блока?

Я пытаюсь сделать перемещение блока мышкой, и он движется, но когда я пытаюсь переместить блок за границы экрана он не перемещается за границу дальше чем на половину своей высоты/ширины т.к. при клике по блоку он перемещает свой центр в место клика. transform-origin не помогает.

В HTML только табличка в div.

table = document.querySelector("table");
press = 0;
table.addEventListener("mousedown", (e)=>{
    press =1;
    e.currentTarget.style.transformOrigin = `${e.clientX}px ${e.clientY}px`;
    e.currentTarget.addEventListener("mousemove", function move(e){
        if(press==1){
            e.currentTarget.style.transform = `translateX(${e.clientX-0.5*e.currentTarget.offsetWidth}px) translateY(${e.clientY-0.5*e.currentTarget.offsetHeight}px)`;
        }
        e.currentTarget.addEventListener("mouseup", ()=>{
            press=0;
        });
    });
});
scale = document.querySelector("input[type='range']");
scale.addEventListener("input",()=>{
    table.style.fontSize = scale.value+"em";
});