Code เปลี่ยนรูป 1 :1

<style>

.slider {

  width: 100%;

  max-width: 500px;   

  aspect-ratio: 1 / 1; 

  overflow: hidden;

  margin: auto;

}

.slides {

  display: flex;

  width: 500%;

  height: 100%;

  animation: slide 15s infinite;

}

.slides img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

@keyframes slide {

  0% { margin-left: 0%; }

  16% { margin-left: 0%; }

  20% { margin-left: -100%; }

  36% { margin-left: -100%; }

  40% { margin-left: -200%; }

  56% { margin-left: -200%; }

  60% { margin-left: -300%; }

  76% { margin-left: -300%; }

  80% { margin-left: -400%; }

  100% { margin-left: -400%; }

}

</style>

<div class="slider">

  <div class="slides">

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

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

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

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

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

  </div>

</div>