Tengo un script que me muestra un cuadrado que gira en el sitio web (pantalla de carga). Solo estoy tratando de editar pero sin resultado. ¿Me pueden ayudar por favor?

Uso aruba para hospedar mi sitio web.

¿Cómo puedo hacer eso con una imagen .gif?

¡¡Gracias a todos!!

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

""El código de animación cuadrado dentro""

 <div class="loader-wrapper"> <span class="loader"><span class="loader-inner"></span></span> </div> <script> $(window).on("load",function(){ $(".loader-wrapper").fadeOut("slow"); }); </script>