Mapping sample

<!-- CÁC CƠ SỞ -->
<h4 class="row fw-bold mt-5" id="club">CÁC CƠ SỞ</h4>
<div class="list-gym-department container">
    <div class="department">
        <div class="dept-img"
             style="background-image: url('https://gymlink.vn/wp-content/uploads/2021/10/Top-phong-gym-quan-Binh-thanh.jpg'); background-size: cover;">
        </div>
        <div class="dept-info">
            <h4 class="fw-bold">City Gym</h4>
            <div class="dept-address">2Bis Nguyễn Thị Minh Khai, Phường Đa Kao, Ho Chi Minh City, Vietnam</div>
            <div class="dept-rating">
                <span>4.5</span>
                <span>
                    <div class="rating" data-star="4.5"></div>
                </span>
            </div>
            <div class="fw-bold num-of-rating">700 lượt đánh giá</div>
        </div>
        <div class="dept-description">
            <div class="service-type" th:each="amenitie : ${brandAmenities}">
                <div class="gym-service-logo" th:style="'background-image: url(\'' + ${amenitie.photoUrl} + '\'); background-size: cover;'"></div>
                <div class="service-name" th:text="${amenitie.amenitieName}"></div>
            </div>
        </div>
    </div>
</div>