.profile-picture-main {
    width: 150px; /* Adjust size as needed */
    height: 150px; /* Adjust size as needed */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    border: 3px solid #5160AB; /* Example border color */
}

.profile-picture-secondary {
    width: 100px; /* Adjust size as needed */
    height: 100px; /* Adjust size as needed */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    border: 3px solid #A7E399; /* Example border color */
}

/* Additional styles to ensure proper alignment and spacing */
.main-profile-card .col-4 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-profile-card .col-6 {
    padding-left: 15px; /* Add some spacing between image and details */
}

.secondary-profile-card .d-flex.justify-content-center.mb-3 {
    margin-bottom: 15px; /* Spacing below the image */
}