yachi

<div class="container-fluid px-0 py-lg-1 py-0" style="max-width:900px;font-size:90%;">
<div class="row no-gutters">
<div class="col-12 p-1">

<div class="display-1 text-white text-center text-uppercase py-4" style="font-size:1.75rem;min-height:50px;letter-spacing:1px;background-color:#23197d;background-image:url('https://images.pexels.com/photos/6969021/pexels-photo-6969021.jpeg');background-blend-mode:soft-light;background-position:center;background-size:cover;">

<div class="col-md-3">
Yachi [牙齿]
</div>

<div class="hidden-md-up" style="height:50px;"></div>
</div>
</div>
<div class="col-md-4 push-md-8 p-1">
<div class="flex-column bg-faded p-3 h-100 text-center">

  <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/7910106?1679164615" class="rounded-circle mx-auto p-2 bg-faded" style="width:130px;height:130px;margin-top:-75px;"/>

<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Name</span>
<span class="text-muted">Yachi [牙齿]</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Gender</span>
<span class="text-muted">Male [He/him]</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Age</span>
<span class="text-muted">17</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Species</span>
<span class="text-muted">Human</span>
</div>

<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Occupation</span>
<span class="text-muted">Student</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Weapon</span>
<span class="text-muted">Sheer bad luck</span>
</div>


</div>
</div>
<div class="col-md-8 pull-md-4 row no-gutters">
<div class="col-12 p-1">
<div class="flex-column bg-faded p-3 h-100">

<div class="table-responsive flex-fill p-2 text-muted" style="height:230px;">

  <p><b>Biography</b>: Yachi is awfully smug, but not a bad kid. He came from a family that was looked down upon due to causing misfortune and being cursed. Perhaps there is truth to the rumors, as he was estranged from his family from a young age. Friendships don't seem to stick, and he barely has a stable lifestyle. He hates school and skips it often.</p>


<hr>

<b>Trivia:</b>
<ul class="pl-4 mb-0">
<li class="mb-2">Yáchǐ [牙齿] means teeth. Why would this poor boy be named teeth...?</li>
<li class="mb-2">He loves car movies and all things relating to cars, trucks, and motorcycles.</li>
<li class="mb-2">He wears a single earring, though it's actually just a clothes tag with a brand name.</li>
</ul>

</div>
</div>
</div>

</div>
</div>
<a class="d-block text-right pt-1 faded" href="https://toyhou.se/2642675" style="font-size:10px;">
<i class="fal fa-code"></i>
</a>
</div>
</div>
</div>