Css 带有bulma设计的html表单

我是bulma设计的新手，现在我找到了一个练习，但我自己无法完成

因为实践需要我这样设计

但我只能在这里设计

如何将区域移到更靠近餐厅文本输入框的位置，并将“图像”部分移到上方区域

这是我的工作代码

<section class="section">
    <div class="container">
        <form action="/qpon/create" method="post">
            <div class="columns is-multiline">
                <div class="column is-half">
                    <label class="label">Title</label>
                    <div class="control">
                        <input class="input" type="text" name="title" required>
                    </div>
                </div>
                <div class="column is-one-quarter">
                    <label class="label">Quota</label>
                    <div class="control">
                        <input class="input" type="number" name="quota" required>
                    </div>
                </div>
                <div class="column is-one-quarter">
                    <label class="label">Coins</label>
                    <div class="control">
                        <input class="input" type="number" name="coins" required>
                    </div>
                </div>
                <div class="column is-half">
                    <label class="label">Restaurant</label>
                    <div class="control">
                        <input class="input" type="text" name="restaurant" required>
                    </div>
                </div>
                <div class="column is-half">
                    <br>
                    <label class="label">Expiry Date</label>
                    <div class="control">
                        <input class="input" type="date" name="date" required>
                    </div>
                </div>

                <div class="column is-one-quarter">
                    <label class="label">Region</label>
                    <div class="control">
                        <div class="select">
                            <select name="region" onchange="RegionSelected(this.value)">
                                <option value="HKIsland">HK Island</option>
                                <option value="Kwoloon">Kwoloon</option>
                                <option value="NewTerritories">New Territories</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="column is-one-quarter">
                    <label class="label">Mall</label>
                    <div class="control">
                        <div class="select">
                            <select name="mall" id="mall" disabled>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="column is-half">
                    <label class="label">Detail</label>
                    <div class="control">
                        <textarea name="message" class="textarea" rows="4"></textarea>
                    </div>
                </div>
                <div class="column is-half">
                    <label class="label" style="vertical-align:top;">Image</label>
                    <div class="control">
                        <input name="name" class="input" type="text" required>
                    </div>
                </div>
            
            <div class="column is-one-quarter">
                <div class="control">
                    <button type="submit" class="button is-link">Submit</button>
                </div>
            </div>
            <div class="column is-one-quarter"></div>
            <div class="column is-one-quarter">
                <div class="control">
                    <button type="reset" class="button is-link is-light">Delete</button>
                </div>
            </div>
    </div>
    </form>
    </div>
</section>

标题
定额
硬币
餐厅


到期日
区域
港岛
九龙
新界区
商场
细节
形象
提交
删除