ChatBot Script Not Showing Properly

Design help Custom code
1

Hello,

I am trying to incorporate a ChatBot script into my website, the following code is the script for it to load.

<div style="width: 0; height: 0;" id="VG_OVERLAY_CONTAINER">
    <!-- Here is where TIXAE Agents renders the widget. -->
    <!-- Set render to 'full-width' then adjust the width and height to 500px (for example) to render the chatbot itself without the popup. -->
</div>

<!-- Remove 'defer' if you want widget to load faster (Will affect website loading) -->
<script defer>
    (function() {
        window.VG_CONFIG = {
            ID: "ucwcny7nn3fy1198", // YOUR AGENT ID
            region: 'eu', // YOUR ACCOUNT REGION 
            render: 'bottom-right', // can be 'full-width' or 'bottom-left' or 'bottom-right'
            stylesheets: [
                // Base TIXAE Agents CSS
                "https://vg-bunny-cdn.b-cdn.net/vg_live_build/styles.css",
                // Add your custom css stylesheets, Can also add relative URL ('/public/your-file.css)
            ],
            // THIS IS SUPPOSED TO BE CHANGED OR REMOVED.
            // user: {
            //     name: 'John Doe', // User's name
            //     email: 'johndoe@gmail.com', // User's email
            //     phone: '+1234567890', // User's phone number
            // }
            // Optional user data -- end
            // **
            // userID: 'USER_ID', // If you want to use your own user_id
            // autostart: true, // Whether to autostart the chatbot with the proactive message
        }
        var VG_SCRIPT = document.createElement("script");
        VG_SCRIPT.src = "https://vg-bunny-cdn.b-cdn.net/vg_live_build/vg_bundle.js";
        VG_SCRIPT.defer = true; // Remove 'defer' if you want widget to load faster (Will affect website loading)
        document.body.appendChild(VG_SCRIPT);
    })()
</script>

The ChatBot loads, but it loads at the very bottom of the page, and is seen only there. It should load as fixed, and it should follow the entire page when scrolled.

I have tried various things such as placing the code in different sections, adding it as embed, adding it through settings and none helped.

This code works just fine when added in other website builders.

Thanks for the help in advance.

My published Webflow website - www.intelliflow.agency