Почему CSS box-shadow не работает при просмотре? ⇐ CSS

[Anonymous]

Shadow box-shadow: 0px -183px 50px -35px rgba(0, 0, 0, 0,75) inset; не работает и не появляется. Я прикрепил скриншот, показывающий, где должна быть тень

HTML:



Планета Ланы

• { ['Приключение', 'Головоломка', 'Платформер'].map((text) =>
• {text} )}

165 999 рупий CSS:

.game-card { положение: относительное; дисплей: гибкий; оправдание-содержание: пространство между; выровнять-элементы: гибкий конец; отступ: 35 пикселей; радиус границы: 10 пикселей; переполнение: скрыто; высота: 53,5%; z-индекс: 2; box-shadow: 0px -183px 50px -35px rgba(0, 0, 0, 0,75) вставка; } .game-card__background { позиция: абсолютная; верх: 0; слева: 0; ширина: 100%; высота: 100%; объектное соответствие: обложка; } Я думаю, проблема в позиционировании. Потому что когда я убираю картинку, появляется тень