here's my site code. Pics dont work. Help me download some and refference locally.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Julia Murphy Tribute</title>
    <meta name="description" content="A heartfelt tribute website celebrating Julia Murphy's artistic journey and our cherished memories together.">
    <!-- Preload Images -->
    <link rel="preload" as="image" href="https://source.unsplash.com/2560x1440/?romantic">
    <link rel="preload" as="image" href="https://source.unsplash.com/600x400/?couple,love">
    <link rel="preload" as="image" href="https://source.unsplash.com/600x400/?sunset,love">
    <link rel="preload" as="image" href="https://source.unsplash.com/600x400/?mountains,love">
    <link rel="preload" as="image" href="https://source.unsplash.com/600x400/?graffiti,hiphop">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Playfair+Display:ital@0;1&display=swap" rel="stylesheet">
    <!-- CSS Stylesheet -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="notification"></div>
    <header>
        <nav>
            <div class="logo">Julia Murphy Tribute</div>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#memories">Memories</a></li>
                <li><a href="#gallery">Gallery</a></li>
                <li><a href="#squares">The Squares</a></li>
                <li><a href="#graffiti">Graffiti Wall</a></li>
            </ul>
            <div class="hamburger" aria-label="Toggle navigation" tabindex="0">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </nav>
    </header>

    <canvas id="backgroundCanvas"></canvas>

    <section id="home">
        <div class="content">
            <h1>Happy Anniversary, Julia!</h1>
            <p>Celebrating our love and the beautiful moments we've shared.</p>
        </div>
    </section>

    <section id="memories">
        <div class="content">
            <h2>Our Memories</h2>
            <p>Relive the cherished moments that define our journey together.</p>
            <div class="memories-grid">
                <div class="memory">
                    <img src="https://source.unsplash.com/600x400/?couple,love" alt="Julia and you walking hand in hand on your first date" loading="lazy">
                    <div class="caption">Our First Date</div>
                </div>
                <div class="memory">
                    <img src="https://source.unsplash.com/600x400/?sunset,love" alt="Sunset together on the beach" loading="lazy">
                    <div class="caption">Sunset at the Beach</div>
                </div>
                <div class="memory">
                    <img src="https://source.unsplash.com/600x400/?mountains,love" alt="Couple hiking in the mountains" loading="lazy">
                    <div class="caption">Mountain Adventure</div>
                </div>
            </div>
        </div>
    </section>

    <section id="gallery">
        <div class="content">
            <h2>Photo Gallery</h2>
            <div class="gallery-grid">
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?love,flowers" alt="Blooming flowers symbolizing love" loading="lazy">
                </div>
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?romantic,night" alt="Romantic night under the stars" loading="lazy">
                </div>
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?couple,dancing" alt="Couple dancing gracefully" loading="lazy">
                </div>
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?kissing,love" alt="Intimate kiss between lovers" loading="lazy">
                </div>
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?couple,walk" alt="Couple walking in the park" loading="lazy">
                </div>
                <div class="photo">
                    <img src="https://source.unsplash.com/800x600/?couple,coffee" alt="Couple enjoying coffee together" loading="lazy">
                </div>
            </div>
        </div>
    </section>

    <section id="squares">
        <div class="content">
            <h2>The Squares</h2>
            <p>Meet the Squares, our little anxious friends who sometimes feel self-conscious. But with a little love and reassurance, they realize they're cherished and loved by everyone around them.</p>
            <div class="interaction">
                <div class="square" tabindex="0" aria-label="Square 1: Always anxious. Press or click to reassure.">❤️</div>
                <div class="square" tabindex="0" aria-label="Square 2: Feels self-conscious. Press or click to encourage.">💖</div>
                <div class="square" tabindex="0" aria-label="Square 3: Doubts itself. Press or click to remind them they're loved.">💕</div>
                <div class="square" tabindex="0" aria-label="Square 4: Worried square. Press or click to comfort.">💗</div>
                <div class="square" tabindex="0" aria-label="Square 5: Shy square. Press or click to uplift.">💞</div>
            </div>
        </div>
    </section>

    <section id="graffiti">
        <div class="content">
            <h2>Graffiti Wall</h2>
            <p>Julia's passion for graffiti, under the name Blaze, with her crew USK. A tribute to the vibrant art and the creative spirit that lights up the streets.</p>
            <div class="wall">
                <img src="https://source.unsplash.com/1200x800/?graffiti,hiphop" alt="Blaze's graffiti art" loading="lazy" tabindex="0">
                <img src="https://source.unsplash.com/1200x800/?graffiti,street" alt="USK crew tagging the wall" loading="lazy" tabindex="0">
                <img src="https://source.unsplash.com/1200x800/?graffiti,art" alt="Colorful street art by Blaze" loading="lazy" tabindex="0">
                <img src="https://source.unsplash.com/1200x800/?graffiti,urban" alt="Urban graffiti design" loading="lazy" tabindex="0">
                <img src="https://source.unsplash.com/1200x800/?graffiti,design" alt="Creative graffiti mural" loading="lazy" tabindex="0">
                <img src="https://source.unsplash.com/1200x800/?graffiti,abstract" alt="Abstract graffiti art" loading="lazy" tabindex="0">
            </div>
        </div>
    </section>

    <footer>
        <p>&copy; 2024 Julia Murphy Tribute. All rights reserved.</p>
    </footer>

    <!-- Three.js and GSAP Libraries -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
    <!-- JavaScript File -->
    <script src="script.js"></script>
</body>
</html>