How to randomly rearrange array/object with Vanilla JavaScript?

Question

I have array of multiple objects. How can I reArrange it dynamically so every time someone visit the page the "domEl" get different url for the img. In other words the idea is to rearrange the array(or objects in it) randomly everytime the page is visited so if i have multiple images it will show it in different order.

Code:

function reArrange(){
    let items = [
        {
            id: 1,
            name: "Steven",
            url: "images/stevenPodcast.jpeg"
        },

        {
            id: 2,
            name: "Kaloo",
            url: "images/kalooPodcast.jpeg"
        },

        {
            id: 3, 
            name: "Doncho",
            url: "images/donchoPodcast.jpeg"
        },

        {
            id:4,
            name: "Smurf",
            url: "/images/podcastSmurf.jpeg"
        },

    ]
    console.log(items[0])

    let domEl = document.getElementById("academy");
    domEl.src = items[3].url
}

reArrange();