<style>
body {
margin: auto;
width: 500px;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section {
  display: flex;
  align-items: center;
}

.image {
  width: 200px;
  height: auto;
margin-right: 10px;
position: relative;
left: 25px;
z-index: 2;
pointer-events: none;
}

.content {
  position: relative;
}

.title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 4px;
position: relative;
left: -20px;
}

.text-box__container {
  border: solid;
  border-width: 2px;
border-radius: 8px;
  overflow: hidden;
position: relative;
left: -25px;
}

.text-box {
  width: 200px;
  height: 200px;
  overflow-y: auto;
  padding: 16px;
}
</style>

<div class="center">
  <div class="section">
<img src="https://i.postimg.cc/vmRvWwhj/hey-stalker-i-see-you.png" class="image">
    <div class="content">
      <div class="title">litl about me yay</div>
      <div class="text-box__container">
        <p class="text-box">
CSS LIVES YAYAYA <br> <br> hi hallo, my name is kindred or indy d: im 17 and use he/she/it pronouns. my urls i have are interest related in some way! none to be traded atm but idk yet
        </p>
      </div>
  </div>
</div>