.map-container {
    position: relative;
    top: -50%; /* Position the map higher to show more behind the form */
    left: 0;
    width: 100%;
    height: 50vh; /* Set fixed height to match iframe height */
    z-index: 1; /* Lower z-index to position behind the form */
}

.map-container iframe {
    display: block; /* Remove inline spacing */
    width: 100%;
    height: 100%;
    border: 0;
}