UI: Reduce excess vertical spacing between member photos and names on Community Members page #187

Describe the bug On the /community-members page, there is a large vertical gap between each community member's profile picture and their corresponding name. This spacing makes the name appear somewhat disconnected from the image.

To Reproduce Steps to reproduce the behavior:

Go to the live site's community members page: https://yfosp.netlify.app/community-members

Observe the grid of community members.

Notice the significant vertical space between the bottom of each photo and the top of the name text below it.

Expected behavior The member's name should be positioned closer to their profile picture. Reducing the margin, padding, or gap would create a tighter, more visually appealing grouping for each member's card.

Screenshot Here is a screenshot highlighting the current spacing issue: (Don't forget to upload your image here when you create the issue!)

**

** This appears to be a CSS styling issue. The problem can likely be resolved by inspecting the CSS for the member card container and adjusting the margin-bottom of the image element or the margin-top of the name element.