/* Ensure the container uses flexbox and stretches items */
.mixitup-gallery .filter-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* 
   Target the item. 
   Note: Mixitup might apply inline styles (display: inline-block).
   Inside a flex container (.row), inline-block items are blockified and should stretch.
   We force height to be sure.
*/
.team-block-two {
    height: auto;
    /* Let it grow if content is huge */
    min-height: 100%;
    /* Force it to fill the flex row */
    display: flex;
    /* This might be overridden by mixitup inline style, but that's ok if parent is flex */
    flex-direction: column;
}

/* 
   We need the inner box to stretch to fill the team-block-two.
   We use !important to override potential inline styles or specific template styles.
*/
.team-block-two .inner-box {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    /* Keep max-width from style.css if desired, or override it. 
       User complaint "not aligned" usually means height.
       If we want them to look like uniform tiles, we keep max-width but ensure height matches.
    */
}

/* 
   Make the info box grow to push the button (if any) to the bottom.
   Or just to fill the space so backgrounds align.
*/
.team-block-two .info-box {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;
    /* Distribute content nicely */
}

/* Ensure the button stays at the bottom if it's outside info-box but inside inner-box */
.team-block-two .inner-box .theme-btn {
    margin-top: auto;
}