JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <img id="image" />
</div>
<br />
<input type="button" value="Randomize!" onClick="randImg()" />

CSS

#box {
    background-color:#000000;
    text-align: center;
    padding-top: 12px;
    width: 600px;
    height: 350px;
}
#box img {
  width:1000px
}

JavaScript

var images = [
    "https://png.pngtree.com/thumb_back/fh260/background/20190222/ourmid/pngtree-blue-atmospheric-background-image_50584.jpg",
    "https://radioralitafm.com/wp-content/uploads/2018/01/Blue-Background-Images-HD-Wallpapers-Backgrounds-of-Your-....jpg",
    "https://sinargarudaprima.files.wordpress.com/2013/08/blue-abstract-vista-wallpaper00000.jpg",
    "https://i.pinimg.com/originals/09/43/75/094375b4af674b559ac8a00a8c8d6662.jpg"];

function randImg() {
    var size = images.length
    var x = Math.floor(size * Math.random())
    document.getElementById('image').src = images[x];
}
randImg();