#favorites {
  border-bottom: 0.5px solid #43434E;
  background: #080808;
}


.title-favorites {
  /*padding-top: 67px !important;*/
  margin-top: 20px;
  color: #FFF;
  font-family: 'Archivo', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 57.6px;
  letter-spacing: -0.96px;
}
/*.flex-container {*/
/*  display: flex;*/
/*  align-items: center;  !* центрирование элементов по вертикали *!*/
/*  !*width: 848px;*!*/
/*  !*height: 560px;*!*/
/*}*/

/*.images {*/
/*  display: flex;*/
/*  flex-wrap: wrap;  !* позволяет переносить элементы на новую строку *!*/
/*  gap: 10px;  !* расстояние между картинками *!*/
/*}*/

/*.images img {*/
/*  height: 27%;*/
/*  width: calc(27.33% - 10px);  !* ширина каждой картинки с учетом отступа *!*/
/*  max-width: 100%;  !* чтобы картинка не выходила за пределы контейнера *!*/
/*}*/

/*.text {*/
/*  width: 272px;*/
/*  height: 174px;*/
/*  color:  #D0D0D7;*/
/*  font-family: 'Archivo', sans-serif;;*/
/*  font-size: 18px;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  line-height: 27px; !* 27px *!*/
/*  flex: none;  !* занимает оставшееся пространство *!*/
/*  padding-left: 20px;  !* отступ от картинок *!*/
/*}*/
.grid-container {
  display: grid;
  grid-template-columns: 3fr 272px; /* 3fr для картинок и фиксированная ширина для текста */
  gap: 20px; /* отступ между колонками */
  align-items: center; /* центрирование элементов по вертикали */
  width: 70%;
  margin-top: 35px;
}

.images {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* создает три колонки с равной шириной */
  gap: 10px; /* расстояние между картинками */
}

.text {
  color: #D0D0D7;
  font-family: 'Archivo', sans-serif;;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  width: 272px;
  height: 174px;
  display: flex;
  align-self: start;
  align-items: center; /* центрирование содержимого по вертикали */
  justify-content: center; /* центрирование содержимого по горизонтали */
  margin-top: 79px;
}