A component with large bold text centered at the top: \"Pick your role:\". Middle of the screen, 5 avatar image circles. First circle (Left most circle), fourth circle, and fifth circle should be 75% transparent, the outer edge should be broken line, and the image should be a person icon that fits the entire circle. Second and third circles should be full opacity, have full borders on the outside of the circle, and should have avatar images inside. Underneath first circle it should say \"Project Manager\", second: \"UX Designer\", third: \"Frontend Dev\", forth: \"Backend Dev\", fifth: \"DevOps\". Below, there should be a circle with an avatar with text \"You\" in large font, with \"No role selected\" beneath it. Both texts should be in-line and to the right of the circle avatar image and it should be centered on screen and below the other circles in the center of the screen.

Versions

Add padding after "Pick your role:", the avatars, and the "You" and avatar at the bottom to fill the page more in height. Lessen the amount of horizontal padding between the center avatars. Wrap the text under each avatar.