<style>body
 { 
background-color:
white;
text-align: left; 
margin:auto; 
width: 380px
}
a { 
  text-decoration: underline;
text-decoration-color: white;
text-decoration-thickness: 1.2px;
color: white;
}
.container-1 {
border-image:
url(filler) 100 round;
border-image-outset: 5px;
border-image-width: 150;
background-color: white;
}
</style>

<style>
.row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.side-img1,
.side-img2 {
  width: 120px;
  height: 135px;
  object-fit: cover;
}

.scrollbox {
  width: 205px;
  height: 145px;
font-size: 12px;
  overflow-y: auto;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbox::-webkit-scrollbar {
  display: none;
}
.main1,
.main2 {
  max-width: 450px;

#container-1,
#container-1 * {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

</style>

  <div class="row">
    <img class="side-img1" src="https://file.garden/Znczrq5TMSSOFWEW/243896e9110fc35aacd543c2cf6798f5.jpg">

    <div class="scrollbox">
     text text<br>
      this<br>
      is<br>
      a<br>
      wip<br>
    </div>
  </div>

<style>
.pagedoll-container {
  position: fixed;
  bottom: 20px;   
  right: 20px;    
  z-index: 9999;  
  pointer-events: none;
}
</style>

</style>
<div class="pagedoll-container"><img src="https://file.garden/Znczrq5TMSSOFWEW/243896e9110fc35aacd543c2cf6798f5.jpg" style="width:120px;" ></div>