.logo-container {
  text-align: center;
  margin-bottom: 16px;
}

.logo-image {
  max-width: 120px;
  height: auto;
  display: inline-block;
  object-fit: contain;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.logo-image:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .logo-image {
    max-width: 100px;
  }
}