/* Для корректного позиционирования псевдоэлемента убедимся, что контейнер имеет position: relative */
.t-slds__imgwrapper {
    position: relative;
    margin-top: 10px;
}

/* Создаем псевдоэлемент, который выводит значение title и позиционируем его в нижней части */
.t-slds__imgwrapper::after {
    content: attr(title);      /* Выводим значение атрибута title */
    position: absolute;        /* Абсолютное позиционирование внутри контейнера */
    left: 0;                   /* Выравнивание по левому краю */
    bottom: 0;                 /* «Прилипание» к нижней части контейнера */
    width: 100%;               /* Занимаем всю ширину контейнера */
    
    /* Стилизация текста */
    text-align: center;
    font-size: 18px;
    color: #4d1200;
    font-family: 'PT Serif', serif;
    font-weight: 600;
    
    /* Дополнительные настройки для повышения читаемости (по желанию) */
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 0;
}