html - 如何使 n 数量的图像出现在 HTML 中的随机位置？

Question

下午好。我试图弄清楚如何让 n 数量的图像出现在屏幕上，所有图像都在随机位置。我正在为 Twitch 捐赠小部件（下面的源代码）做这件事。我一直找不到可靠的东西，恐怕我对HTML了解不多。这是我正在使用的内容：

<!-- alert image -->
<div id="alert-image-wrap">
  <div id="alert-image">{img}</div>
</div>

<!-- main alert box window -->
<div id="alert-text-wrap">

  <!-- alert text -->
  <div id="alert-text">

    <!-- alert message -->
    <!-- messageTemplate will be replaced with your message template -->
    <!-- for example : {name} is now following! or {name} donated {amount} -->

    <div id="alert-message">{messageTemplate}</div>
    <div id="alert-user-message">{userMessage}</div>

  </div>

</div>