Есть ли удобный способ отображать изображения в случайном порядке?

Question

Я делаю это в Wordpress, используя тему Sage. Я хочу отображать различные изображения из коллекции, которую я предоставляю, чтобы они отображались только один раз без повторения. Я пытался сделать простой JS один, но он не работал, он работает, когда я пробую это как изображения не в формате GIF. Ниже приведен мой код, а также еще одна вещь, которую я сейчас размещаю, и было бы очень приятно, если бы я мог использовать ресурсы / изображения вместо

var images = [
      'https://gifyu.com/image/IwmR',
      'https://gifyu.com/image/Iwmj',
      'https://gifyu.com/image/Iwm0',
      'https://gifyu.com/image/Iwm6',
      'https://gifyu.com/image/Iwmi',
      'https://gifyu.com/image/IwmC',
    ]

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

HTMl part

    <div class="container">
      <div class="row">
        <div class="col-6">
          <div class="card my-5 mx-5" style="width: 25rem;">
            <img class="card-img-top" src= "" id="animateImage" alt=""></img>
            <div class="card-body">
              <h5 class="card-title text-center" id="title"></h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

            </div>
          </div>
        </div>
      </div>
    </div>