.custom-marker {
  cursor: pointer; /* Clickable feel */
  transform: translate(-50%, -100%);
}

.custom-marker:hover {
  transform: translate(-50%, -100%) scale(1.1);
  transition: transform 0.2s;
}

#map-container {
  z-index: 10;
}

@media (max-width: 1023px) {
  #map-container {
    position: static !important;
    height: 500px;
  }
}
