w3schools

https://www.w3schools.com/howto/howto_css_testimonials.asp

HTML

<div class="container1">
  <img src="https://lastfm.freetls.fastly.net/i/u/770x0/c42998a5f2844133a41a0e9080e3f772.jpg#c42998a5f2844133a41a0e9080e3f772" alt="Avatar" style="width:120px">
  <p><b><span>Rebecca Moore</span></b></p>
  <p>He made you feel as if he understood you completely.</p>
</div>

<div class="container1">
  <img src="https://ctrl-c.club/~gome/journal/img/elizabeth_fraser.webp" alt="Avatar" style="width:120px">
  <p><b><span>Elizabeth Fraser</span></b></p>
  <p>To meet Jeffrey was just like being given a set of paints...I had all this colour in my life again.</p>
</div>

<div class="container1">
  <img src="https://viberate-upload.ams3.cdn.digitaloceanspaces.com/prod/entity/artist/brenda-kahn-NEJhj" alt="Avatar" style="width:120px">
  <p><b><span>Brenda Kahn</span></b></p>
  <p>Suddenly, I felt so happy...Somehow he was that mirror, always reflecting back the love inside you.</p>
</div>

<div class="container1">
  <img src="https://upload.wikimedia.org/wikipedia/commons/4/42/Joan_wasser_ss2006_2.jpg" alt="Avatar" style="width:120px">
  <p><b><span>Joan Wasser</span></b></p>
  <p>When you get attention from someone like that, you feel like a queen.</p>
</div>

CSS

.container1 {
  border: 2px solid #ccc;
  background-color: #eee;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0
}

.container1::after {
  content: "";
  clear: both;
  display: table;
}

.container1 img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.container1 span {
  font-size: 20px;
  margin-right: 15px;
}

@media (max-width: 500px) {
  .container {
      text-align: center;
  }
  .container img {
      margin: auto;
      float: none;
      display: block;
  }
}