cream

<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:#714680;background-image:url('https://images.pexels.com/photos/161280/graveyard-church-crocus-cemetery-161280.jpeg');background-blend-mode:soft-light;background-position:bottom;background-size:cover;">

<div class="col-md-3">
Cream
</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/22861550?1750116156" 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">Cream</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">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">Former exorcist, retired</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Weapon</span>
<span class="text-muted">Anything can be a weapon</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:240px;">

  <p><b>Biography</b>: Cream is a retired exorcist, renown for effectively defeating most types of demons. He has yet to come across a dark demon, let alone defeat one.... he would go feral if he encountered one. However, the fact that he's skilled enough to take down fire demons means he's no joke. He has an immense hatred for demons, believing they're all evil and have no place amongst humans. Although he is generally cheerful, some people find him inexplicably unsettling.</p>



<hr>

<b>Trivia:</b>
<ul class="pl-4 mb-0">
<li class="mb-2">His younger brother is Milk. He is proud of him following his footsteps, purging evil. </li>
<li class="mb-2">He usually has his eyes cheerfully closed, unless serious. </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>