<div class="col-md-12 col-lg-12 ">
  <div class="p-3 ">

    <div class="d-flex flex-row gap-3">
      <div class="card  p-2 px-3 py-3">
        <div class="d-flex p-2 justify-content-between rounded">
          <div class="d-flex flex-column">
            <h3 class="type">Posts</h3>
            <h5 class="number">3</h5>
          </div>
          <div class="d-flex flex-column">
            <img src="/public/images/4.png" class="logo p-3" height="120" width="120" />
          </div>
        </div>
      </div>
      <div class="card p-2 px-3 py-3">
        <div class="d-flex p-2 justify-content-between rounded">
          <div class="d-flex flex-column">
            <h3 class="type">Categories</h3>
            <h5 class="number">4</h5>
          </div>
          <div class="d-flex flex-column">
            <img src="/public/images/9.png" class="logo p-3" height="120" width="120" />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>