zai

<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:#421e4f;background-image:url('https://jmsword.com/cdn/shop/products/1_1_ced47237-7b43-4b30-bd54-5f45a07a2b68.jpg?v=1620049381&width=1199');background-blend-mode:soft-light;background-position:center;background-size:cover;">

<div class="col-md-3">
Zai
</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/7228708?1606406520" 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">Zheng “Zai” Yi</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">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">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">Bokken</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:260px;">

  <p><b>Biography</b>: Although Zai seems to be apathetic at first glance, he's actually fairly earnest. He has a strong moral compass and doesn’t hesitate to step in when he sees injustice. It's not a phenomenon for him to smile or laugh, but to see him truly happy is quite rare.</p>

  <p> Zai doesn’t try to “please” or fit in with people. However, he can’t stand it when he’s not taken seriously. He values friendships and/or relationships with others, but tries not to emotionally invest himself with anyone too much.</p>

  <p> He grew up in a rather normal household. When he graduated from middle school, he wanted to go to a prestigious highschool so he could pursue kendo and other types of training-esque arts. However, due to the commute and costly fees, he couldn’t afford to go there. Zai settled with a mediocre public high school and ended up joining their kendo club. Hey, something is better than nothing!</p>

<hr>

<b>Trivia:</b>
<ul class="pl-4 mb-0">
<li class="mb-2">Zai is his nickname. When his real name is put together (Zhèngyì / 正义), it means “justice."</li>
<li class="mb-2">He isn’t the sassy or dramatic type, but right before he gets really upset, he rolls his eyes. Take it as a cue to back off.</li>
<li class="mb-2">He enjoys drinking tea, probably because it replaces his lack of human warmth and touch with others. Sad.</li>
<li class="mb-2">He almost always carries his bokken (wooden sword) with him, even in circumstances that make no sense.</li>
<li class="mb-2">Zai got his nose pierced during middle school during an “emo” phase. Don't ask about it.</li>
<li class="mb-2">If Zai encounters a bird(s), he'll be uncharacteristically overjoyed.</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>