.gallery {
    position: relative;
    z-index: 1;
    display: flex; /* Используем flexbox для расположения изображений */
    justify-content: flex-start; /* Выравнивание по левому краю */
    flex-wrap: nowrap; /* Запрет на перенос строк */
    margin: 1vw; /* Убираем отступы, используя vw для адаптивности */
}

.gallery-scope {
    margin: 1vw; /* Отступы между изображениями, адаптивные */
    flex: 1 1 auto; /* Элементы занимают равное пространство и уменьшаются */
    display: flex; /* Используем flexbox для внутренних элементов */
    flex-direction: column; /* Вертикальное расположение элементов */
    justify-content: center; /* Центрируем содержимое по вертикали */
    align-items: center; /* Центрируем содержимое по горизонтали */
    position: relative; /* Для позиционирования текста */
    cursor: pointer;
    width: 33%;
}

.gallery-scope img {
    width: 100%; /* Изображение заполняет всю ширину контейнера */
    height: auto; /* Автоматическая высота для сохранения пропорций */
    border-radius: 8px; /* Скругление углов изображений */
    max-height: 200px; /* Максимальная высота изображения */
    object-fit: cover; /* Обрезка изображения с сохранением пропорций */
    filter: brightness(65%);
}

.gallery-scope {
    position: relative; /* Убедитесь, что родительский элемент имеет относительное позиционирование */
}

.gallery-scope h3 {
    position: absolute;
    /* bottom: 0;
    left: 50%;
    z-index: -1; */
    /* font-style: italic; */
    font-size: clamp(0.8rem, 1.9vw, 2.2rem); /* Размер шрифта адаптивный */
    text-align: center; /* Центрируем текст */
    color: #ffffffb6; /* Белый цвет текста */
    padding: 1vw; /* Адаптивные отступы */
    border-radius: 15px;
    white-space: nowrap;
    width: 100%; /* Задаем ширину на всю ширину родительского элемента */
}

.gallery-scope:hover img {
    filter: brightness(85%); /* Увеличиваем изображение на 10% при наведении */
}

.full-width-video {
    width: 100%; /* Занимает 100% ширины родительского элемента */
    height: 500px;
    top: 0; /* Устанавливает верхнюю границу видео */
    left: 0; /* Устанавливает левую границу видео */
    object-fit: cover;
    margin-bottom: 1vw;
    margin-top: 1vw;
    z-index: -1;
}

.main-text{
    font-family: 'Georgia', serif; /* Элегантный шрифт */
    align-items: center;
}

.slide-content .main-text{
    display: grid !important;
    place-items: center;
}

.description {
    font-size: clamp(1rem, 1.4vw, 1.7rem);
    color: #5d4037; /* Коричневый цвет */
    line-height: 1.6; /* Интервал между строками */
    font-style: italic; /* Курсив для описания */
    /* text-align: center; */
    width: 80%;
}

.btn-wrap {
    font-size: clamp(0.8rem, 1vw, 1.2rem);
}

.expand-width {
    display: grid !important;
    place-items: center;
}

.expand-width img {
    width: 70%;
}