javascript – jquery-3.5.1.slim.min.js conflict with lightbox++

So I have a lightbox++ on my site, with a jquery I’m using on the navbar of the mobile query part of my site, and from what I’ve gathered, they’re conflicting with each other.

I attempted using the $.noConflict() placed above and under the jquery script tags, as well as basically all over the place, and nothing worked.
But placing the noConflict line would reverse what worked in that moment. So if the navBar was working without the noConflict line, with the line added, it would then not work, but then lightbox would work, etc., and vice versa. So it’s affecting something in some way.

I’m just not a developer or steeped enough in this stuff to get the navbar and the lightbox to simply work together.

Some sites I see with the presumed solution, don’t take into account noobs like me that need to be deliberately walked through on where exactly to place the noConflict line and exactly how to modify it, given my exact lines of code on my site.

Really frustrating.

Here is the test page I’m working on:

Here are the lightbox++ files linked in the body of my html, above the jquery:

<script src="" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox++.js" type="text/javascript"></script>
    <script type="text/javascript">
    function GroupDelegate(id) {
        var objLink = document.getElementById(id);
    <script type="text/javascript">
      'fitImagesInViewport': true,
      'wrapAround': true

Here is the jquery, and javascript file, linked in the body of my HTML, under the lightbox files:

 <script src="" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="js/menu.js"></script>