JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outerring">
    <div id="innerring">
        
    </div>
</div>

CSS

body {
    background: url(http://stockma.com.au/wp-content/uploads/2010/08/04_03_1-Stock-Market-Prices_web.jpg);
}
#outerring {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background: url(http://dl.dropbox.com/u/17261360/circle.png);
}
#innerring {
    position: absolute;
    top: 20px; left: 20px;
    width: 160px;
    height: 160px;
    border-radius: 100px;
    background: url(http://photography.naturestocklibrary.com/orca-stock-photo.jpg) fixed;
}

JavaScript

$(document).mousemove(function(event) {
    $('#outerring').offset({
        top: event.pageY-100, 
        left: event.pageX-100
    });
});