Quiero que cada vez que actualice la pagina y se aplique el random la imagen aparezca con su respectivo titulo y descripción. Por ejemplo la primera imagen es un bosque y quiero que cuando actualice su titulo sea bosque y su descripción este es un bosque. Ojala puedan entender a que me refiero
<div class="item-slide">
<script>
function shuffleArray(inputArray){
inputArray.sort(()=> Math.random() -0.5);
}
var image = [0, 1, 2, 3, 4];
var titulo = [0, 1, 2, 3, 4 ];
var descripcion = [0, 1, 2, 3, 4];
image[0]="img-1.jpg";
image[1]="img-2.jpg";
image[2]="img-3.jpg";
image[3]="img-4.jpg";
image[4]="img-5.jpg";
titulo[0] = "Bosque";
titulo[1] = "Atardecer";
titulo[2] = "Olas";
titulo[3] = "Desierto";
titulo[4] = "Volcan";
descripcion[0] = "Esto es un Bosque";
descripcion[1] = "Esto es un Atardecer";
descripcion[2] = "Estos son unas Olas";
descripcion[3] = "Esto es un Desierto";
descripcion[4] = "Esto es un Volcan";
shuffleArray(image);
shuffleArray(titulo);
shuffleArray(descripcion);
document.write("<IMG SRC=" +image[0] +" WIDTH=1000 HEIGHT=421 BORDER=0>");
</script>
<div class="message">
<h2>
<script>
document.write(titulo[0]);
</script>
</h2>
<p>
<script>
document.write(descripcion[0]);
</script>
</p>
</div>
</div>