<div class="row pt-lg-5 pt-5 pt-lg-0 b-cus">
  <div class="col-12 mb-lg-4 mb-xxl-0 pb-xxl-0 mt-5 mt-lg-0">
    <div class="text-center HeadTextXL2 text-white pb-xxl-0">
      วอลเปเปอร์มงคล
    </div>
  </div>
</div>
<div class="container t-wal-1">
  <div class="row pt-custom-wal justify-content-center position-relative">
    <div class="col-md-2 col-lg-2 text-center d-none d-lg-block">
      <a href="../wallpaper/" class="img-wal-1 text-decoration-none">
        <span class="text-white text-wal-1">ครอบครัว</span>
      </a>
      <a href="../wallpaper/" class="img-wal-2 text-decoration-none">
        <span class="text-white text-wal-1">การงาน</span>
      </a>
      <a href="../wallpaper/" class="img-wal-3 text-decoration-none">
        <span class="text-white text-wal-1">สุขภาพ</span>
      </a>
    </div>
    <div class="col-12 col-md-8 col-lg-8 text-center round-button" onclick="window.location.href='../wallpaper/'">
      <img src="../images/newgen/ph-21.png" class="img-wal-all left-1">
      <img src="../images/newgen/ph-22.png" class="img-wal-all left">
      <img src="../images/newgen/ph-23.png" class="img-wal-all center">
      <img src="../images/newgen/ph-24.png" class="img-wal-all right">
      <img src="../images/newgen/ph-25.png" class="img-wal-all right-1">
    </div>
    <div class="col-md-2 col-lg-2 text-center d-none d-lg-block">
      <a href="../wallpaper/" class="img-wal-4 text-decoration-none">
        <span class="text-white text-wal-2">การเงิน</span>
      </a>
      <a href="../wallpaper/" class="img-wal-5 text-decoration-none">
        <span class="text-white text-wal-2">ความรัก</span>
      </a>
      <a href="../wallpaper/" class="img-wal-6 text-decoration-none">
        <span class="text-white text-wal-2">การลงทุน</span>
      </a>
    </div>
  </div>
</div>
<script>
  const images1 = document.querySelectorAll('.img-wal-all');

  const positions = ['left-1', 'left', 'center', 'right', 'right-1'];

  function rotatePositions() {
    images1.forEach((img, index) => {
      positions.forEach(pos => img.classList.remove(pos));
    });
    positions.unshift(positions.pop());

    images1.forEach((img, index) => {
      img.classList.add(positions[index]);
    });
  }

  // Rotate every 2 seconds
  setInterval(rotatePositions, 2000);
</script>