Javascript conflict on Elementor Pro

Hi there,

I added a JS script on a HTML code widget (tried shortcode before) and all works as expected in relation to the containers I want to delay.

The problem is this is causing other JS such as widget: Galery and scrolling testimonials to stop working.

This is the code:

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#delay').hide().delay(3000).fadeIn(2200);
    $("#div1").hide().delay(3000).fadeIn(2200);
    $("#div2").hide().delay(3000).fadeIn(2200);
    $("#div4").hide().delay(3000).fadeIn(2200);
    $("#div6").hide().delay(3000).fadeIn(2200);
    $("#div7").hide().delay(240010).fadeIn(2200);
    
});
    </script>

I tried all available time delay plugins and this is the only one that works.

Elementor leaves a blank space in case I use their native JS.

Appreciate your help!

Debbie

ps.: all I use is the latest version of everything.

The page I need help with: [log in to see the link]