Stor8

<!-- BG -->
<div class="row justify-content-center">
<div class="card p-3 mt-3" style="width:600px; background-image:url(https://img.freepik.com/free-vector/gradient-pastel-sky-background_23-2148909258.jpg?semt=ais_hybrid); background-size:600px; background-position:cover; border-style:solid; border-width:2px; border-color:#8093f1">

<!-- HEADER -->
<div class="row justify-content-center">
<div class="card p-0 mb-2" style="width:300px; background-color:#fdc5f5; font-size:18px; text-align:center; border-style:solid; border-width:2px; border-color:#8093f1">
<p> <span style="font-weight:bold; color:#8093f1; font-family:monospace"> 
<i class="fa-regular fa-heart fa-beat-fade"></i>
<i>character name</i>
<i class="fa-regular fa-heart fa-beat-fade"></i>
</span> </p>
</div>
</div>

<!--- ROW 1 --->
<div class="row no-gutters justify-content-center">
  
<!--- ICON --->
<div class="col-5 mt-1 p-2" style="border-width:2px; border-style:solid; border-color:#8093f1; height:150px; max-width:150px; background-image:url(https://i.imgur.com/brTWilh.jpeg);
background-size:150px;
background-position:center;">
</div>
<!-- TEXT -->
<div class="col-7 mb-3 mt-1 text-center font-italic text-muted" style="max-height: 150px; overflow-y: auto; background-color:#fdc5f5; border-style:solid; border-width:2px; border-color:#8093f1">
<p style= font-family:monospace;color:#8093f1;>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sed suscipit neque, ut mattis felis. Integer pellentesque consectetur erat, nec rutrum ipsum vestibulum vel.
</p>
<p style= font-family:monospace;color:#8093f1;>
Aliquam vitae fringilla turpis. Donec ultricies venenatis quam eget luctus. Phasellus nec nibh sapien. Donec varius sagittis ullamcorper.
</p>
</div>

<!-- STAMPS -->
<div class="row justify-content-center">
<div class="card p-0 mb-2" style="width:500px; background-color:transparent; font-size:18px; text-align:center; border-color:transparent;">
<p> <span style="font-weight:bold; color:#409900; font-family:monospace"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/86261170_ukMdmua0M7YLLpy.png" width="99px">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/86261128_jAWZoLMfWcYF9xC.png" width="99px">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/86261113_oRcbuPDCr9ooKp9.png" width="99px">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/86261144_1BIaziMkuWwzJE1.png" width="99px">

<!-- CREDIT (DO NOT REMOVE) -->
<a href="https://toyhou.se/wytchstarr"><i class="fa-solid fa-code" style="color: #8093f1; padding: 0px;"></i></a>
</p>
</div>
</div>
</div>
</div>