.fancybox__container {
  --fancybox-bg: #27272a;

  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(100px, 30vw, 300px) 46px;
  grid-template-rows: minmax(0, 1fr);
}

.fancybox__container.is-opening {
  --f-transition-duration: 0.25s;
  --f-transition-easing: ease-out;
  --f-transition-delay: 0.1s;
}

.fancybox__container.is-closing {
  --f-transition-duration: 0.1s;
}

.fancybox__toolbar {
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-bg: #000;
  --f-button-hover-bg: #333;
  --f-button-active-bg: #444;

  grid-column: 3 / 3;
  grid-row: 1 / 3;

  background: #000;
}

.fancybox__caption {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  height: 100%;
  overflow: hidden;
  padding: 1rem 1.5rem;
  background: #18181b;
  text-align: justify;
  text-align-last: center;
  white-space: pre-line;
  line-height: 1.5;
    font-size: 16px; /* Размер текста */
  color: green; /* Цвет текста */
}

.img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8px; /* Добавляем отступ между изображениями */
}
.img-container a {
    margin-right: 8px; /* Добавляем отступ между изображениями в строке */
    
}

/* Задаем размер изображений и заполняем их контейнеры */
.img-container a img {
    width: 250px; /* Ширина контейнера */
    height: 250px; /* Высота контейнера */
    object-fit: cover; /* Заполнение изображения контейнером */
    border-radius: 20px;
      text-align: justify; /* Выравнивание текста по ширине */
  text-align-last: center; /* Центрирование последней строки */
     white-space: pre-line; /* Новая строка для каждого предложения */
  line-height: 1.5; /* Отступ между строками */
    
}

.img-container a::before {
  content: "";
  display: block;
  height: 0.5em; /* Высота невидимой стенки (можно изменить по вашему усмотрению) */
}