.user-display {
    display: flex;
    flex-wrap: wrap;
}

.user-item {
    width: 25%; /* Adjust the width as needed */
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #ccc; /* Add a border around each user item */
    border-radius: 5px; /* Optional: Add rounded corners to the border */
    padding: 10px; /* Optional: Add padding for better spacing */
}

.user-avatar img {
    width: 100px; /* Adjust the size of the avatar */
    height: 100px;
    border-radius: 50%; /* Make the avatar image circular */
    margin-bottom: 10px;
}

.user-name {
    font-weight: bold;
}