Как получить желаемый результат, используя классы CSS?

Question

У меня есть следующий фрагмент кода из (.cshtml code):

eventSources: [
{
    ...
    className: 'events-main',
    url: 'Home/GetEvents'.
    dataType: 'json',
    ...
}
],

eventRender: function (event, element, view) {
    if(event.imageurl != null)
    {
        className = 'mCS_img_loaded',
        // some more properties
    }

    else
    {
        className =  'no-image',
        // some moreproperties
    }
}

Классы CSS (StyleSheet.css):

.calendar-events {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color:transparent!important;
}

.mCS_img_loaded{
    background-color: transparent!important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.no-image{
    margin: 20px 0;
    text-align: center;
    font-size: 25px;
    text-align: center;
    background-color:black;
}

Я хочу, чтобы класс calendar-events применялся в обоих случаях: присутствует ли imageurl или нет. и два других класса mCS_img_loaded и no-image, которые будут применяться в зависимости от условия if-else.

При написании кода таким образом я получаю изображения по кругу и содержимое для no-image на white фоне. Мне нужно это в black фоне.

Правильно ли я пишу код?