Visualize a web app with a list of users (more specifically, circular user avatars without names) displayed at the left side (1/3rd of the screen), and a details section (remaining 2/3rds) at the right. Upon clicking a user's avatar, the avatar gets highlighted, and their details appear on the right side. There's also a search field where you can search for a particular user, and the search field has to be reset in order to display the whole list.
Now it's time to create a functionality where user needs to select multiple people (avatars) from the left side (please consider the search functionality as well, a user might need to search and select someone). What should be the best way to go about it?