Как исправить загрузку скрипта сначала вверху страницы, а затем правильное позиционирование

Question

У меня есть скрипт Google Reviews на моем сайте, но по какой-то причине он очень быстро загружается в верхнем левом углу и выглядит ужасно, прежде чем размещать его в нижнем левом углу. Как мне заставить скрипт правильно загружаться? Посетите cobury.com, чтобы увидеть странную загрузку.

Вот сценарий:

<div id="brb_collection_297"></div><script type="text/javascript">!function(e){var c=document.createElement("script");c.src=e,document.body.appendChild(c)}("https://example.com?cf_action=brb_embed&brb_collection_id=297&brb_callback=brb_"+(new Date).getTime());</script>

Я также пытался добавить его как PHP в свои функции. php, но тогда он просто остается в верхнем левом углу:

<?php echo do_shortcode( '[brb_collection id="297"]' ); ?>

Я также пытался установить задержку, но тогда она просто не отображается:

<script>
const loadScript = () => {
    !function(e){
        var c=document.createElement("script");
        c.src=e,document.body.appendChild(c)
        console.log("script loaded")
    }("https://example.com?cf_action=brb_embed&brb_collection_id=297&brb_callback=brb_"+(new Date).getTime())
}
setTimeout(loadScript, 400)
</script>