Gonna try this one more time 😂 

What exact changes do we need to make in the _header_js_spinner.html  so that it will point to our own image versus whatever the default is..  Here is one of those files. If I wanted to use chris.gif, where would I put it at?

<script type="text/javascript" language="javascript">

    var bUseSvgLoading = true;

    var sUseSvgLoading = '';

    if(!bUseSvgLoading) {

        var aSpinnerOpts = {

            lines: 7, // The number of lines to draw

            length: 0, // The length of each line

            width: 8, // The line thickness

            radius: 7, // The radius of the inner circle

            corners: 1, // Corner roundness (0..1)

            rotate: 0, // The rotation offset

            direction: 1, // 1: clockwise, -1: counterclockwise

            color: '#3a8686', // #rgb or #rrggbb or array of colors

            speed: 1, // Rounds per second

            trail: 60, // Afterglow percentage

            shadow: false, // Whether to render a shadow

            hwaccel: false, // Whether to use hardware acceleration

            className: 'bx-sys-spinner', // The CSS class to assign to the spinner

            zIndex: 2e9, // The z-index (defaults to 2000000000)

            top: '50%', // Top position relative to parent in px

            left: '50%' // Left position relative to parent in px

        };

        var aSpinnerSmallOpts = $.extend({}, aSpinnerOpts, {

            lines: 6,

            width: 6,

            radius: 4,

            color: '#333',

            top: '50%',

            left: 'calc(100% - 20px)'

        });

    }

</script>