JSFiddle - React, Tailwind, and code Playground
JavaScript
// aircraft moover
$('.s-quest-section').mousemove(function() {
var mX = event.clientX;
var mY = event.clientX;
var mpHeight = $('.s-quest-section').height();
var mpWidth = $('.s-quest-section').width();
if (mX < mpWidth/2) {
mX = event.clientX - mpWidth/2;
} else {
mX = event.clientX - mpWidth/2;
}
if (mY < mpHeight/2) {
mY = event.clientY - mpHeight/2;
} else {
mY = event.clientY - mpHeight/2;
}
$('.s-quest-section .sqs-aircraft').css({
"transform" : "translateX(" + -mX/54 + "px) translateY(" + -mY/54 + "px)"
});
});