section.commuting {
    margin-block: 5rem;

    @media (width > 64em) {
        margin-block: 10rem 6rem;
    }

    & .main-title {
        margin-block-end: 1em;
        text-align: left;
    }

    & .desc {
        
        & p {

            & + & {
                margin-block-start: 1em;
            }
        }
    }

    & .wrapper {
        display: grid;
        gap: 2rem;
        margin-block-start: 5rem;

        @media (width > 64em) {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    & .map {
        aspect-ratio: 1.33;
        inline-size: 100%;

        @media (width <= 64em) {
            order: 2;
        }

        & iframe {
            block-size: 100%;
            inline-size: 100%;
        }
    }

    & .img-box {
        align-items: center;
        display: grid;
        background-color: #f9f9fb;
    }
}