.carousel .card-img-top {
    max-width: 70rem;
    max-height: 40rem;
    object-fit: cover;
}

.card-img-overlay {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
    color: white; /* Белый текст */
    padding: 1rem;
    max-height: 50%; /* Задает максимальную высоту затенения */
    overflow-y: auto; /* Добавляет прокрутку, если текст слишком длинный */
}

.card-img-overlay .card-title,
.card-img-overlay .card-text {
    font-size: 0.9rem; /* Уменьшает размер шрифта */
}