body {
    margin: 5; /* Remove default margin */
}

.user-carousel {
    display: flex;
    overflow-x: auto;
    width: 100%;
}

/* Add these styles to make the contents stretch */
.user-carousel > div {
    flex: 1; /* Allow each item to stretch */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.user-item {
    width: auto; /* Adjust based on avatar size */
    margin-right: 20px; /* Spacing between items */
    text-align: center;
}

.user-item img {
    width: auto; /* Adjust based on avatar size */
    height: auto; /* Adjust based on avatar size */
    border-radius: 50%; /* Circular avatars */
}

.user-name {
    color: #333; /* Default username color */
    font-family: 'Source Sans Pro', sans-serif; /* Default font family */
    font-size: 14px; /* Default username font size */
    font-weight: bold; /* Default username font weight */
}

.user-date {
    color: #666; /* Default registration date color */
    font-family: 'Source Sans Pro', sans-serif; /* Default font family */
    font-size: 12px; /* Default registration date font size */
    font-weight: normal; /* Default registration date font weight */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .user-item {
        margin-right: 10px;
    }

    .user-name, .user-date {
        font-size: 12px;
    }
}