.home-bg {
  margin: 0;
  overflow: hidden;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  animation: spin 5s linear infinite; /* Spinning animation */
}

.logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.2);
}

.text-overlay {
  position: absolute;
  text-align: center;
  z-index: 2;
}
/* Spinning animation */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}