make them expand into more info on click. the new info has a longer description, a github link button, and a preview image scroller

<div class="info-points">
            <h1>My Projects</h1>
            <div class="gradient-border-bg"></div>
            <div class="info-point-groups-large">
                <div class="info-point-group-large" onclick="openURL('https://github.com/Broco8Dev/Prism')" >
                    <div class="info-point-large">
                        <div class="hstack">
                        <img class="material-symbols-rounded info-point-large-icon" src="prismicon.png"></img>
                            <div class="vstack">
                                <h1>Prism</h1>
                                <h2 class="point-text">iOS 17+ Customization & Sideloading.</h2>
                            </div>
                        </div>
                    </div>

                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>

                <div class="info-point-group-large" onclick="openURL('https://github.com/Broco8Dev/VisionTab')" >
                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="material-symbols-rounded info-point-large-icon" src="visiontab.png"></img>
                            <div class="vstack">
                                <h1>VisionTab</h1>
                                <h2 class="point-text">VisionOS NewTab for Chromium.</h2>
                            </div>
                        </div>
                    </div>

                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>

                <div class="info-point-group-large" onclick="openURL('https://github.com/loyahdev/Flux-Archives')">
                    <div class="info-point-large">
                        <div class="hstack">
                        <img class="material-symbols-rounded info-point-large-icon" src="fluxicon.png"></img>
                        <div class="vstack">
                        <h1>Flux</h1>
                        <h2 class="point-text">(Deprecated) Precursor to Prism.</h2>
                    </div>
                        </div>
                    </div>
                    
                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>

                <div class="info-point-group-large" onclick="openURL('https://brocodev.itch.io/the-backrooms')">
                    <div class="info-point-large">
                        <div class="hstack">
                        <img class="material-symbols-rounded info-point-large-icon" src="backroomicon.png"></img>
                        <div class="vstack">
                        <h1>WTTB</h1>
                        <h2 class="point-text">Backrooms Horror Game Made In a Week.</h2>
                    </div>
                    </div>
                    </div>
                    
                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>

                <div class="info-point-group-large" onclick="openURL('https://brocodev.itch.io/wild-woods')">
                    <div class="info-point-large">
                        <div class="hstack">
                        <img class="material-symbols-rounded info-point-large-icon" src="wildwoodicon.png"></img>
                        <div class="vstack">
                        <h1>Wild Woods</h1>
                        <h2 class="point-text">Group Project for a Game Dev Class.</h2>
                    </div>
                    </div>
                    </div>
                    
                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>

                <div class="info-point-group-large" onclick="openURL('https://github.com/Broco8Dev/Unity3D-Multiplayer-Template')">
                    <div class="info-point-large">
                        <div class="hstack">
                        <span class="material-symbols-rounded info-point-icon">web</span>
                        <div class="vstack">
                        <h1>Unity Multiplayer</h1>
                        <h2 class="point-text">Super Unsecure Unity Multiplayer System.</h2>
                    </div>
                    </div>
                    </div>
                    
                    <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                </div>
            </div>
            <h2 style="margin-top: 15px; margin-bottom: 0;">Other Shitty Projects on Itch.io or GitHub</h2>
        </div>

        <h3 class="context-button" style="margin-top: 250px; font-size: 14px; z-index: 10001;" onclick="scrollToTop()">Back To Top</h3>
    </div>