.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 30%; /* aspect ratio 16:9 */
    height: 0;
    margin-top: 20px;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Media Query untuk HP */
@media (max-width: 480px) {
    .map-container {
        padding-bottom: 75%; /* lebih tinggi supaya terlihat lebih proporsional di HP */
    }
}