.container_map {
    width: 100%;
    text-align: center;
    font-family: sans-serif;
  }
  
  /* Location icon styling */
  .location_icon {
    font-size: 100px;
    display: block;
  }
  
  /* "Button" styling (clickable area) */
  #openMapBtn {
    background-color: #fafafa;
    color: #a7b9c3;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    /* Optional: remove the default button look if you want the icon to be the only clickable area */
    /* Or style it differently as needed */
  }
  
  /* Map container - start collapsed */
  #map-container {
    max-height: 0;
    overflow: hidden; /* hides the content when collapsed */
    text-align: center;
    transition: max-height 0.5s ease; /* smooth transition */
  }
  
  /* When this class is toggled on, expand the container */
  #map-container.show {
    max-height: 800px; /* pick a value taller than your map image */
  }
  
  /* Map image styling */
  #map-container img {
    width: 100%;
    height: auto;
  }