Как установить фоновый прозрачный линейный градиент на изображении? ⇐ CSS

[Anonymous]

Мне нужно установить этот CSS:

.opacity-down-gradient { фон: прозрачный линейный градиент (180 градусов, #00000000 30%, #000000c6 100%) 0% 0% поле без повторения; } К этому изображению:

{productSheet.cover?.contentUrl && ( )} Когда я применяю класс CSS к своему img, ничего не появляется. Почему?

Вот детская площадка

Я использую попутный ветер и CSS.