#map {
    height: 100vh; /* La altura del mapa ocupa toda la pantalla */
    width: 100%; /* El mapa ocupa todo el ancho */
    margin-top:10px;
    margin-bottom:10px;
}
@media (max-width: 768px) {
    #map {
        height: 50vh; /* Ajusta la altura del mapa en pantallas más pequeñas */
    }
}

.containermap {
    display: grid;
    place-items: center;
  }