tton" onclick="saveProfile()">Save Profile</button>
    </div>

    <script>

        let selectedAvatar = "";

        function selectAvatar(avatarSrc) {
            const avatars = document.querySelectorAll('.avatars img');
            avatars.forEach(img => {
                img.classList.remove('selected');
            });
            const selectedImg = Array.from(avatars).find(img => img.src === avatarSrc);
            if (selectedImg) {
                selectedImg.classList.add('selected');
         