.image-container {
    position: relative;
    display: inline-block;
    width: 100%; /* Задает ширину контейнера */
}

.image {
    display: block;
    width: 100%; /* Изображение займет всю ширину контейнера */
}

.text-overlay {
    position: absolute;
    top: 60%; /* Позиционирование текста по центру по вертикали */
    left: 50%; /* Позиционирование текста по центру по горизонтали */
    transform: translate(-50%, -50%); /* Центрирование текста по оси X и Y */
    color: black; /* Цвет текста */
    font-size: 24px; /* Размер текста */
    /*font-weight: bold;*/ /* Жирность текста */
    z-index: 1; /* Делает текст выше изображения */
    pointer-events: none; /* Текст не будет перехватывать события мыши */
}