body {
  margin: 0;
  font-family: Arial, sans-serif;
}

.slider-container {
  max-width: 600px; /* Set a maximum width for the slider container */
  margin: 0 auto; /* Center the slider container */
  overflow: hidden;
}

.slider {
  display: flex;
  width: 400px; /* Set a smaller width for the slider */
  height: 500px; /* Set the height based on the aspect ratio (400 * 5/4) */
  transition: transform 0.5s ease-in-out;
}

img {
  width: 100%; /* Make the images fill the width of the slider */
  height: 100%; /* Make the images fill the height of the slider */
  object-fit: contain; /* Maintain the aspect ratio without stretching or cropping */
}