Данный простой скрипт позволяет менять фоновую картинку страницы при каждой перезагрузке страницы. Картинка заполняет весь экран, поэтому при увеличении или уменьшении размера текста, это никак не влияет на фоновое изображение.

http://sd.uploads.ru/t/13ZBC.jpg

Вот сам скрипт:

Код:
 <!DOCTYPE>
<html>
<head>
<title>Показ случайного фона в JavaScript</title>
<script>
function randomBackgroundImage() {
    
    // массив картинок
    let images    = ['images/image1.jpg', 'images/image1.jpg', 'images/image2.jpg', 'images/image3.jpg'];
    
    // контейнер у которого будем менять фоновое изображение
    let imageBox  = document.body.style.backgroundImage;
    
    // выбираем случайную картинку
    let image     = Math.floor( Math.random() * images.length );
    
    // меняем фон на эту картинку
    document.body.style.backgroundImage = 'url(' + images[image] + ')';
}

// вызываем при загрузке/перезагрузке страницы
window.onload = changeImg;

</script>
<style>

body {
    color: #fff;
}

.bg {
    background-attachment:fixed; 
    background-repeat: no-repeat; 
    background-position:cover;
    background-size: 100%;
}
</style>
</head>
<body class="bg">
<p>Какой-то текст</p>
Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, 
Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet,Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, Lorem ipsum doloe sit umet, 
</body>
</html>


Вот так просто можно добавить динамичности на свой сайт, меняя фоновую картинку страницы на JavaScript.

Android 8.1.0, Chrome,70.0.3538.110