Как добавить изображение загрузчика в диалоговое окно, которое загружает в него iframe

Question

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

var $dialog = $('#somediv').html(`<iframe style="border: 0px; overflow:hidden" scrolling="none" src="${URL}" width="100%" height="${height}"></iframe>`).dialog({
        autoOpen: false,
        modal: true,
        width:"65%",
        top:"70px",
        height: height, 
        minWidth:"65%",
        background:"#f3f2f2",
        resizable: true,
        minHeight: "900px",
       draggable:true,
        /*close: function () { $(this).remove(); },*/
        buttons: { "Ok": function () {$(this).dialog("close"); } }
      });
      $dialog.dialog('open');

, это css для div, я устанавливаю gif загрузчика в качестве фона для div, который открывает диалог, но он не работает.

#somediv{
  display:contents !important;
  background:url("https://media.giphy.com/media/17mNCcKU1mJlrbXodo/giphy.gif") center center no-repeat;
}