.logo {
  position: relative;
  top: 10px;
  left: 20px;
}

.logo img {
  max-width: 160px; /* adjust size to fit your layout */
  height: auto; /* keeps proportions */
  object-fit: contain;
  display: block;
}

/* Make it responsive */
@media (max-width: 768px) {
  .logo img {
    max-width: 120px; /* smaller for tablets */
    top: 5px;
    left: 5px;
  }
}

@media (max-width: 480px) {
  .logo img {
    max-width: 100px; /* smaller for phones */
    top: 5px;
    left: 5px;
  }
}