CODE เปลี่ยนรูป 4:5 800 x 1040 px

 <style>

.slider-box {

  width: 100%;

  max-width: 600px;

  aspect-ratio: 4 / 5; 

  overflow: hidden;

  margin: 20px auto;

  position: relative;

}

.slider-track {

  display: flex;

  width: 500%;

  height: 100%;

  animation: slideMove 20s infinite;

}

.slider-track img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

/* animation */

@keyframes slideMove {

  0%   { transform: translateX(0%); }

  20%  { transform: translateX(0%); }

  25%  { transform: translateX(-100%); }

  45%  { transform: translateX(-100%); }

  50%  { transform: translateX(-200%); }

  70%  { transform: translateX(-200%); }

  75%  { transform: translateX(-300%); }

  95%  { transform: translateX(-300%); }

  100% { transform: translateX(-400%); }

}

/* มือถือ */

@media (max-width: 600px) {

  .slider-box {

    max-width: 95%;

  }

}

</style>

<div class="slider-box">

  <div class="slider-track">

    <img src="ใส่ลิงก์รูป1ที่นี่">

    <img src="ใส่ลิงก์รูป2ที่นี่">

    <img src="ใส่ลิงก์รูป3ที่นี่">

    <img src="ใส่ลิงก์รูป4ที่นี่">

    <img src="ใส่ลิงก์รูป5ที่นี่">

  </div>

</div>