Получить верх элемента и произвести операцию

Question

Я пытаюсь получить верхний стиль элемента, а затем вычесть 40 пикселей, но не могу.

Элемент имеет следующие стили: https://gyazo.com/174dba750bdc1df074c5bda7bf710d7f

И я использую jquery, чтобы получить верхнюю часть элемента (он не возвращает 492, он возвращает мне 487 и не знаю почему):

var x = jQuery(".modules-mobile .element-wrap:nth-child(2)").position().top;
var t = `${jQuery('.modules-mobile .element-wrap:nth-child(2)').position().top - 40}px`;
jQuery(".modules-mobile .element-wrap:nth-child(2)").css('top', (Math.round(x) - 40) + 'px');
jQuery(".modules-mobile .element-wrap:nth-child(2)").css('top', t);

Если я console.log var x, он возвращает мне это: https://gyazo.com/e9bc1f8443ab541c0d4fbb6f0a124ab0

Если я использую это, он возвращает мне "авто":

jQuery(".modules-mobile .element-wrap:nth-child(2)").css("top");

также, ни один из 2 не применяет стили

Спасибо