g" onclick="selectAvatar('avatar3.jpg')" />
                    <img src="../images/avatar4.jpg" onclick="selectAvatar('avatar4.jpg')" />
                    <img src="../images/avatar5.jpg" onclick="selectAvatar('avatar5.jpg')" />
                </div>
            </div>
            <div class="profile-details">
                <h4>Edit Details</h4>
                <input type="text" id="nameInput" placeholder="Enter Name" required required pattern="[a-zA-Z ]+"
                    oninvalid="this.setCusto