.wp-block-balloon {
  display: flex;
  gap: 1em;
}

.smb-balloon__person {
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
}

.smb-balloon__figure img {
  border: 3px solid var(--_lighter-color-gray, #eee);
  border-radius: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 70px;
}

.smb-balloon__body {
  flex: 1 1 auto;
  position: relative;
}

.smb-balloon__body:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-right-color: inherit;
  border-width: 5px 10px 5px 0;
  left: -10px;
  margin-top: -5px;
  top: 50%;
}

@media (max-width: 640px) {
  
  .wp-block-balloon {
    flex-direction: column;
  }

  .smb-balloon__person {
    text-align: start;
  }

  .smb-balloon__body:before {
    left: 30px;
    margin-top: -5px;
    top: -5%;
    transform: rotate(90deg);
  }
}

@media (min-width: 640px) {

  .smb-balloon__person {
    text-align: center;
  }
  
}