javascript - JavaScript を使用してバックグラウンドで画像をランダム化する

Question

背景の画像をランダム化しようとしていますが、既に div にコンテンツがあるため問題が発生しています

これは私がこれまでに得たものです

        <div class="welcome-inner">
        <script type="text/javascript">
<!--
 var imlocation = "welcome/";
 var currentdate = 0;
 var image_number = 0;
 function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
 }
 image = new ImageArray(3)
 image[0] = 'background1.jpg'
 image[1] = 'background2.jpg'
 image[2] = 'background3.jpg'
 var rand = 60/image.length
 function randomimage() {
    currentdate = new Date()
    image_number = currentdate.getSeconds()
    image_number = Math.floor(image_number/rand)
    return(image[image_number])
 }
 document.write("<img src='" + imlocation + randomimage()+ "'>");
//-->
</script>

CONTENT

</div>

div のウェルカム インナーには、CSS で既にスタイリングがあります。

.row-welcome {
border-bottom: 0;
width: 100%;
margin: 0 auto;
overflow: auto;
margin-top: -20px;
background-position: 50% 50%;
background-size: cover;
border-bottom: 1px solid #1e346a;
}

welcome-inner には背景画像がありましたが、これを機能させるために行を削除しました

私が抱えている問題は、画像が表示されているのにコンテンツが押し下げられていることです。

これを機能させるにはどうすればよいですか？