Для редактора блоков Гутенберга: как использовать медиа-запрос для отображения фоновых изображений меньшего размера в мо ⇐ CSS

[Anonymous]

У меня есть страница в WordPress с разными разделами. (Я использую плагин Otter, и каждый раздел представляет собой блок Otter.)

Каждый раздел имеет фоновое изображение. Я попытался отобразить одно из фоновых изображений меньшего размера для просмотра на мобильных устройствах с помощью медиа-запроса, но когда я обновляю внесенные изменения, все фоновые изображения во всех разделах страницы исчезают.

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

Затем я добавил код ниже в пользовательский CSS

@media(max-width:768px){ .bgmobile{ Background-image:url('url-image-from-media') } } В результате все фоновые изображения на странице исчезли. Что происходит не так?