.Qcarousel{
    height:450px; 
    width:450px;
}
.Qtable{
    width: 40%;
}
.Qmap{
    width:750px; 
    height:500px;
    z-index: 9999;
}

@media all and (max-width: 900px) {
    div.d-flex.flex-column.justify-center.align-center {
        gap: 1.5rem; /* optional smaller gap for mobile */
        padding: 1rem; /* optional padding */
    }
    .Qcarousel{
        width:100%;
    }
    .Qtable{
        width:100%;
    }

    /* Make the map responsive */
    .Qmap {
        width: 100%; /* full width of parent container */
        max-width: 100%; /* don’t exceed container width */
        height: 50vh; /* 50% of viewport height */
    }
}