.acf-map {
  width: 100%;
  height: 100%;
}

.marker-label {
  position: absolute;
  color: #e52d2a;
  font-size: 13px;
  padding: 5px 8px;
  pointer-events: none; /* Ensure the label doesn't block clicks on the marker */
  max-width: 120px; /* Optional: Limit width for consistent appearance */
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff; /* Adds a white outline to the text */
  /* To handle two-line text and truncation */
  line-height: 18px; /* Adjust this based on your font size for better alignment */
  max-height: 40px; /* Height of two lines */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit the label to 2 lines */
  -webkit-box-orient: vertical; /* Ensure vertical box behavior */
}

.acf-map img {
  max-width: inherit !important;
}