Hiru almost

<style>

body {background: #FEE972;}
::-webkit-scrollbar {display:none}

.container {position: fixed;
background: url('https://images3.pixlis.com/background-image-stripes-and-lines-seamless-tileable-lavender-blush-biloba-flower-2323h5.png');
height: 500px;
width: 620px;
left: 20px;
bottom: 100px;
border: 4px solid #A06020;
}

.backbox {position: absolute;
background: #FEE972;
height: 455px;
width: 570px;
left: 20px;
bottom: 20px;
border: 4px solid #A06020;
}

.image {position: absolute;
background: url('https://i.imgur.com/m7WStlE.png') no-repeat;
background-size: 500px;
height: 500px;
width: 400px;
left: 80px;
bottom: 0px;
}

.stats {position: absolute;
overflow: auto;
padding: 5px;
background: #F6F5FB;
font-family: Tahoma;
font-size: 12px;
color: #A06020;
text-align: justify;
height: 250px;
width: 160px;
left: 30px;
top: 27px;
border: 1px solid #A06020;
}

.friends {position: absolute;
overflow: auto;
padding: 5px;
background: #F6F5FB;
font-family: Tahoma;
font-size: 12px;
color: #A06020;
text-align: justify;
height: 163px;
width: 160px;
left: 30px;
bottom: 30px;
border: 1px solid #A06020;
}

.history {position: absolute;
overflow: auto;
padding: 5px;
background: #F6F5FB;
font-family: Tahoma;
font-size: 12px;
color: #A06020;
text-align: justify;
height: 250px;
width: 160px;
right: 32px;
top: 27px;
border: 1px solid #A06020;
}

.ooc {position: absolute;
overflow: auto;
padding: 5px;
background: #F6F5FB;
font-family: Tahoma;
font-size: 12px;
color: #A06020;
text-align: justify;
height: 163px;
width: 160px;
right: 32px;
bottom: 30px;
border: 1px solid #A06020;
}

</style>

<div class="container">
<div class="backbox"></div>

<div class="stats">
This is where you'd put your character's statistics. You can style it any way you want. I'd suggest keeping it within the box, just so you can keep the emojis at the bottom and made it look pretty.
<br><br>
<font style="float:left"><b>STAT</b></font> <font style="float:right">Answer</font><br>
<br><br>
📷
</div>

<div class="friends">
</div>

<div class="history">
This is where you'd put your character's history. Write as little or as much as you want, the box scrolls.
</div>

<div class="ooc">
This is where you'd put your OOC. Write as little or as much as you want, the box scrolls.
</div>

<div class="image"></div>