JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<div id="#wrapper">
    <div id="div1">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec nulla mollis, porta lacus a, pulvinar justo. Etiam gravida ante quis erat fermentum ultrices. Donec lacinia ipsum vel tortor consectetur, ut venenatis felis tempor. Curabitur porttitor dictum cursus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sodales dapibus arcu vel interdum. Etiam non tristique velit, id ullamcorper mauris.
    </div>
    <div id="div2">
        Mauris facilisis pellentesque ante ac lacinia. Donec nibh eros, consequat nec iaculis ac, ornare id ante. Suspendisse ipsum nisi, bibendum non pellentesque et, auctor sit amet eros.
    </div>
</div>

CSS

#div1 {
    margin:0 auto;
    width:50%;
    background-color:red;
}

#div2 {
    margin:0 auto;
    width:25%;
    background-color:black;
    color:white;
}

JavaScript

$(document).ready(function () {
    var max_x = $(window).width();
    var max_y = $(window).height();
    var center_x = (max_x/2);
    var center_y = (max_y/2);
    
    $(document).mousemove(function(e) {
        var mouse_x = e.pageX,
        mouse_y = e.pageY,
        hypotenuse = Math.sqrt(Math.pow((mouse_x-center_x),2)+Math.pow((mouse_y-center_y), 2)),
        cos = (mouse_x-center_x)/hypotenuse,
        sin = (mouse_y-center_y)/hypotenuse;
        $('#div1, #div2').transition({ perspective: '400px', rotateX: sin, rotateY: cos });
    });
})