Cards | bociKond perfect bear 45

<div class="wrapper">
<div class="circle-1"></div>
<div class="circle-2"></div>
<div class="card">
  <section class="top">
    <span class="u-l">User list:</span>
  </section>
  <section class="bottom">
    <ul class="users">
      <li class="user">
        <span class="user-name">Olivia Anderson</span>
        <span class="user-occupation">Marketing Manager</span>
      </li>
      <li class="user">
        <span class="user-name">Ethan Murphy</span>
        <span class="user-occupation">Graphic Designer</span>
      </li>
      <li class="user">
        <span class="user-name">Ava Collins</span>
        <span class="user-occupation">Financial Analyst</span>
      </li>
      <li class="user">
        <span class="user-name">Noah Walker</span>
        <span class="user-occupation">Journalist</span>
      </li>