<div class="my-div" style="--image:url([+image+]); --image-hover:url([+image_hover+])">
</div>
.my-div {
/* по умолчанию, если не задано в разметке */
--image: none;
--image-hover: none;
background-image: var(--image);
}
.my-div:hover {
background-image: var(--image-hover);
}
Имейте ввиду, что модх вставляет пути без начального слэша. А значит путь будет рассчитываться относительно css файла, даже если значение для кастомного свойства задано в разметке. Поэтому лучше будет явно указать начальный слэш, или адрес сайта
<!-- так -->
<div class="my-div" style="--image:url(/[+image+])"></div>
<!-- или так -->
<div class="my-div" style="--image:url([(site_url)][+image+])"></div>
