playing with mouse based paralax need to refine this

script

$(document).mousemove(function (event) {
    console.log(event);

    var offsetPercentageX = Math.floor(event.clientX / window.innerWidth * 20) + "%";
    var offsetPercentageY = Math.floor(event.clientY / window.innerHeight * 20) + "%";
    
    $("section.content").css("background-position", offsetPercentageX + " " + offsetPercentageY);
});

style

    section.content 
    {
        transition : background-position ease-in-out 0.1s;
        background: url(/content/img/barrel_background_semitrans.png) no-repeat 10% 10%;
        background-size: 120%;
        padding : 20px;
        width : 100%;
        display : block;
    }