Bootstrap 5 User profile with economic details

1<div class="container d-flex justify-content-center">
2    <div class="card mt-5 px-4 pt-4 pb-2">
3        <div class="media p-2"> <img src="https://imgur.com/yVjnDV8.png" class="mr-1 align-self-start">
4            <div class="media-body">
5                <div class="d-flex flex-row justify-content-between">
6                    <h6 class="mt-2 mb-0">Alexander Parkinson</h6><i class="fas fa-angle-down mr-3 text-muted"></i>
7                </div>
8                <p class="text-muted">Los Angeles</p>
9            </div>
10        </div>
11        <ul class="list text-muted mt-3 pl-0">
12            <li><i class="far fa-building mr-3 ml-2"></i>Bussiness account</li>
13            <li><i class="fas fa-wallet mr-3 ml-2"></i>Finance management</li>
14            <li><i class="far fa-credit-card mr-3 ml-2"></i>Transactions</li>
15            <li><i class="fas fa-chart-pie mr-3 ml-2"></i>Spending analysis</li>
16        </ul>
17    </div>
18</div>