* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  width: 100%;
  background-color: #f4f4f4;
}

.slideshow-container {
  position: relative;
  max-width: 1280px; /* Lebar gambar */
  max-height: 720px; /* Tinggi gambar */
  margin: auto; /* Center slideshow di halaman */
  overflow: hidden;
}

.slide {
  display: none;
}

img {
  width: 100%; /* Sesuaikan gambar dengan lebar container */
  height: 100%; /* Sesuaikan gambar dengan tinggi container */
  object-fit: cover; /* Memastikan gambar memenuhi ukuran 1280x720 */
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}