.flex-wrapper {
  display: flex;                 /* превращаем в flex-контейнер */
  flex-direction: row;           /* элементы идут в строку */
  justify-content: center;       /* центрируем по горизонтали */
  align-items: center;           /* центрируем по вертикали */
  flex-wrap: wrap;               /* если не помещается, переносим на новую строку */
  gap: 20px;                     /* расстояние между блоками */
  min-height: 80vh;              /* чтобы контейнер занимал большую часть экрана */
  text-align: center;            /* центрируем текст внутри text-block */
}
  .text-block {
  max-width: 300px;  /* ограничиваем ширину текста, чтобы не растягивался */
}

.image-block img {
  max-width: 200px;  /* ограничиваем размер картинки */
  height: auto;
}