Почему мое наложение продолжает выходить за рамки моего изображения? ⇐ CSS

[Гость]

Наложение моего текущего изображения превышает текущий размер изображения. Сначала я изменил размер изображения, потому что оно было очень большим по сравнению с тем, что мне нужно, если или, и теперь наложение не работает должным образом

HTML:

1957-1979

Стэнфордский автомобиль CSS:
.image-container { переполнение: скрыто; положение: относительное; } .image-стиль { ширина: 70%; высота: авто; радиус границы: 15 пикселей; } .оверлей { позиция: абсолютная; верх: 0; слева: 0; высота: 100%; ширина: 100%; дисплей: гибкий; непрозрачность: 0; переход: 0,5 с, легкость входа и выхода; цвет фона: rgba(0, 0, 0, 0,7); размер коробки: граница-коробка; радиус границы: 15 пикселей; } .image-container:hover .overlay { непрозрачность: 1; } .overlay-текст { белый цвет; размер шрифта: 20 пикселей; позиция: абсолютная; верх: 50%; осталось: 50%; трансформировать: транслировать(-50%, -50%); выравнивание текста: по центру; }