How to move overlay up on jQuery

Question

I'm using jQuery and I can't seem to find a way to move the overlay higher.

On Chromw DevTools, I could see top: 469.5px; and when I changed it to top: 200px; it actually goes up.

element.style {
...
    top: 469.5px;
...
}
Copy

But I can't get the code to work by adding in the top element as below.

jQuery( function() {
    jQuery( "body" ).block(
        {
            message: "<?php esc_html_e( 'Please wait. This may take a few minutes. Do not refresh page.', 'rife-free' ); ?>",
            overlayCSS:
            {
                background: "#fff",
                opacity: 0.6,
                top: "200px"
            },
            css: {
                padding:        20,
                textAlign:      "center",
                color:          "#555",
                border:         "3px solid #aaa",
                backgroundColor:"#fff",
                cursor:         "wait",
            }
        });
});
Copy