Something's Fishy

<div class="container">
  <div class="row">
    <div class="column col-sm-4 card card-block border-0 bg-dark text-white" style="margin: auto; border-radius: 20px;">
      <i class="fas fa-fish fa-4x text-primary" style="position:absolute;top:-20px;left:-20px;z-index:1;"></i>
      <div class="card my-0 bg-light"></div>
        <div class="align-items-center" style="height: 200px; width: 350px; background: url(https://cdn.discordapp.com/attachments/667169408300482590/825934477318160434/fff.png); background-size: cover; background-position: center center; margin: auto;">
        </div>
      <div class="card my-0 bg-light"></div>
        <p class="text-center pt-2 mb-0 text-uppercase" style="letter-spacing: 3px; font-size: 30px;"><u>NAME</u></p>
        <p class="text-center pb-2" style="letter-spacing: 3px;">Pronouns</p>
      <div class="card my-0 bg-light"></div>
        <p class="text-center py-2">Type your description/info here. Try to keep it to a few sentences at most, since this part does <span class="text-danger font-weight-bold">NOT</span> scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam erat velit scelerisque in.</p>
      <div class="card my-0 bg-light"></div>
      <i class="fas fa-fish fa-4x text-primary fa-flip-horizontal" style="position:absolute;bottom:-20px;right:-20px;z-index:1;"></i>
    </div>
  </div>
  <div class="row">
    <div class="column col-sm-4" style="margin: auto;">
      <a href="https://toyhou.se/10504636.-f2u-something-s-fishy" target="_BLANK"><i class="fad fa-kiwi-bird"></i></a>
    </div>
  </div>
</div>