JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="styles.css" />
  <title>Карточки | Проект 1</title>
</head>
<body>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css.css">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="blocks">
    <div class="block">
      <div class="block__photo">photo</div>
      <div class="block__text">Существуют две основные трактовки понятия «текст»: имманентная (расширенная, философски нагруженная) и репрезентативная (более частная). Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы представления информации о внешней тексту действительности.</div>
    </div>
    <div class="block">
      <div class="block__photo">photo</div>
      <div class="block__text">Существуют две основные трактовки понятия «текст»: имманентная (расширенная, философски нагруженная) и репрезентативная (более частная). Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы представления информации о внешней тексту действительности.</div>
    </div>
    <div class="block">
      <div class="block__photo">photo</div>
      <div class="block__text">Существуют две основные трактовки понятия «текст»: имманентная (расширенная, философски нагруженная) и репрезентативная (более частная). Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы...

CSS

.container{
  max-width: 1200px;/*-----Для примера------*/
  margin: 0 auto;
}
.blocks {
  display: flex;
  justify-content: space-between;
}
.block {
  max-width: 300px;
}
.block__photo {
  text-align: center;
  padding: 100px;
  background-color: blue;
  border-radius: 20px;
  margin-bottom: 20px;
}
.block__text {
  background-color: blue;
  padding: 10px;
  border-radius: 20px;
}