.profile-image-container { float: none !important; }
img.profile-image { vertical-align: middle; margin-left: auto; margin-right: auto; display: block; }
.center { margin-left: auto; margin-right: auto; }

<div class="center">
  <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="pills-desc-tab" data-toggle="pill" href="#pills-desc" role="tab" aria-controls="pills-desc" aria-selected="true">Description</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-abilities-tab" data-toggle="pill" href="#pills-abilities" role="tab" aria-controls="pills-abilities" aria-selected="false">Abilities</a>
  </li>
</ul>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-desc" role="tabpanel" aria-labelledby="pills-desc-tab"><p>A woman who is also a black hole. WIP.</p></div>
  <div class="tab-pane fade" id="pills-abilities" role="tabpanel" aria-labelledby="pills-abilities-tab"><p>WIP.</p></div>
</div>
</div>