yachi

<div class="container p-0" style="max-width:600px;color:#333;">

<!-- WRITE STUFF -->

        <div class="row no-gutters p-4" style="background:linear-gradient(to top,#172a63 0%,#992f2f 100%);">

        <div class="col-lg-5 mb-3 mb-lg-0" style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/images/27331558_F9mqq6TVUQshGWy.png) #fff top center no-repeat;background-size:cover;min-height:250px;"></div>

        <div class="col-lg-7 pl-lg-3">

        <div class="mb-2 py-2 px-3" style="background-color:#fff;">
        <h1 class="text-right justify-content-between my-auto" style="color:#333634;">
    <b>Yachi  [牙齿]</b> </h1>
        <div class="d-flex justify-content-between">
    <span>Male [He/him] | 17</span>


</div></div>

<div class="p-3 table-responsive d-flex" style="height:220px;background-color:#fff;overflow:auto;">
<div class="my-auto w-100">
<p>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." He loves car movies.</p>
<br>
<a class="collapsed" data-toggle="collapse" href="#readmore">▼ Notes ▼</a>

<div class="collapse" id="readmore">
<p>Yáchǐ [牙齿] means teeth in Chinese. Why would this poor boy be named teeth...?</p>

<p>He wears a single earring, though it's actually just a clothes tag with a brand name.</p>

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

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

<!--MODAL 1 CONTENT END-->