.loader-container {
  position: fixed; /* Agar selalu di tengah layar */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; /* Pusatkan teks dan gambar */
  z-index: 10; /* Pastikan berada di atas elemen lain */
}

.loader-container img {
  width: 150px; /* Atur ukuran gambar */
  height: auto;
  animation: flip 2s infinite ease-in-out; /* Animasi flip */
}

.loader-text {
  margin-top: 10px; /* Jarak antara gambar dan teks */
  font-size: 16px; /* Ukuran teks */
  color: #555; /* Warna teks (sesuaikan dengan tema Anda) */
  font-family: Arial, sans-serif; /* Font untuk teks */
}

@keyframes flip {
  0%, 100% {
    transform: rotateY(0deg); /* Mulai dan akhir tanpa rotasi */
  }
  50% {
    transform: rotateY(180deg); /* Rotasi 180 derajat */
  }
}