.mapa-tooltip-container {
    position:fixed; /* Umożliwia pozycjonowanie elementu mapa-tooltip-content */
    display: inline-block;  /* Umożliwia zastosowanie relatywnego pozycjonowania inline-block; */
    font-style:italic;
    font-size:x-small;
    color:blue;
}
.mapa-tooltip-container01 {
    position:fixed; /* Umożliwia pozycjonowanie elementu mapa-tooltip-content */
    display: inline-block;  /* Umożliwia zastosowanie relatywnego pozycjonowania inline-block; */
    font-style:italic;
    font-size:large;
    color:blue;
}

.mapa-tooltip-content {
    visibility: hidden; /* Ukryj element */
    opacity: 0; /* Ustaw przezroczystość */
    transition: opacity 1.3s, visibility 1.3s; /* Animacja przejścia */
    z-index: 1;   
    position: fixed;
/*    top: 50%;*/
    left: 50%;
    bottom: -10%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
 /*   position: absolute;
    z-index: 1; /* Sprawia, że mapa-tooltip pojawi się nad innymi elementami */
 /*   bottom: 100%; /* Pozycja nad tekstem */
 /*   left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  */  
}
.mapa-tooltip-content img {
    display: block; /* Upewnij się, że obraz jest poprawnie wyświetlany */
    max-width: 1200px; /* Ogranicz rozmiar obrazka, jeśli jest zbyt duży */
}
.mapa-tooltip-container:hover .mapa-tooltip-content {
    visibility: visible; /* Pokaż element po najechaniu */
    opacity: 1; /* Ustaw pełną przezroczystość */
}
.mapa-tooltip-container01:hover .mapa-tooltip-content {
    visibility: visible; /* Pokaż element po najechaniu */
    opacity: 1; /* Ustaw pełną przezroczystość */
}


.text-overlay {
  position: absolute;
/*  top: 50%; /* wycentrowanie pionowe */
  left: 50%; /* wycentrowanie poziome */
  bottom: 0%;
  transform: translate(-50%, -50%); /* precyzyjne wyśrodkowanie */
  color: white; /* kolor napisu */
  background-color: rgba(0, 0, 0, 0.5); /* półprzezroczyste tło */
  padding: 1px 10px;
  font-size: 14px;
  font-family:"Times New Roman", Times, serif;
  text-align: center;
  border-radius: 5px;
}