InteractJs - Snap draggable item to guideline in parent div

In the below fiddle I have interact Js to snap the children element to a certain point.

But I am having trouble snapping all sides of the blue div to snap to center and x & y axis of the parent div.


Below is my snap code:

modifiers: [
            targets: [
              { x: 195, range: 20 },
              { y: 228, range: 20 }],
              relativePoints: [{
                x: 0,
                y: 0

Could you please help me figure out snap function for achieving that functionality?