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

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

.scrollbox {
  width: 145px;
  height: 145px;
  overflow-y: auto;
  padding: 5px;
  box-sizing: border-box;
  text-align: left;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

/* center image */
.center-img {
  text-align: center;
}

#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/IMG_8470.png">

    <div class="scrollbox">
      text text text<br>
      text text text<br>
      text text text<br>
      text text text<br>
      text text text
    </div>
  </div>