JQuery набор css не работает постоянно

Question

Это моя ajax функция, которая получает ссылку от моего контроллера и устанавливает фоновое изображение для элемента на моей странице.

$.ajax({
    url: "@Url.Action("View", "TenantBackgroundAccess", new {area="Configuration" })?TenantId=" + tenantId,
    success: function (result) {
        if (result != null) {
            $('#tenant-menu-container').css('background', 'linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url(' + result.Link + ') ');
            $('#tenant-menu-container').css('background-size', 'cover');
            $('#tenant-menu-container').css('background-repeat', 'no-repeat');
        }
    },
    complete: function (result) {
        if (result != null && result.status == 200) {
            $('#tenant-menu-container').css('background', 'linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url(' + result.responseJSON.Link + ') ');
            $('#tenant-menu-container').css('background-size', 'cover');
            $('#tenant-menu-container').css('background-repeat', 'no-repeat');
        }
    },
    error: function (result) {
        console.log(result);
    }
});

Проблема в том, что, возможно, в 50% случаев я получить результат, но на моем фоне не будет изображения. Если я перезагружу страницу, то возможно изображение появится.

Я что-то не так делаю? Причина, по которой я добился успеха и завершена, - это попытаться убедиться, что изображение загружено. Однако это не решает проблему.