piao

<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:#b8548d;background-image:url('https://a0.cdn.japantravel.com/photo/69725-234311/1440x960!/chiba-spring-flowers-at-tokyo-german-village-234311.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">

<div class="col-md-3">
Piao [漂]
</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/12649463?1654924935" 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">Piao [漂]</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">Adult</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Height</span>
<span class="text-muted">5'7" | 170 cm</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">Location</span>
<span class="text-muted">Isolated village</a></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:250px;">

  <p><b>Biography</b>: Piao is a peaceful and polite man - though, once you try to get to know him, you'll soon realize he's very chatty. <i>Obnoxiously chatty.</i> He means well, but it often drives people away.</p>

  <p>Although he is devoted to the village's goddess, he secretly enjoys the concept of the arts. Definitely not ideal in a village that is typically intolerant to such a hobby! Any art he makes has to be relevant to the goddess; if it isn't, he burns it. He also deeply cares for his family, so he'll do whatever it takes to keep the harmony... even if he must uphold the village's traditions.</p>

<hr>

<b>Trivia:</b>
<ul class="pl-4 mb-0">
<li class="mb-2">His name, Piao [漂] means "elegant, pretty" in Chinese.</li>
<li class="mb-2">He especially enjoys drawing animals and furries. Sometimes, he'll justify these types of drawings as "appreciating the life that's part of the Goddess' blessings..." and whatever other nonsense he comes up with. It works well, because people don't want to hear more of his drivel.</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>