Make my two divs/card elements stay the same height when screen resolution changes

Site URL: https://tulip-elephant-9znb.squarespace.com/

Is there a way to make these two divs always stay the same height? Or if it's easier just stack them as soon as they start to change height? This is what I have right now but it's not helping. This is on SS 7.0 which i'm not as familiar with

@media screen and (max-width:770px)
{

  #yui_3_17_2_1_1645827758293_332{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  #yui_3_17_2_1_1645827758293_332 img{
    flex-shrink: 0;
    min-height: 100px;
  }

}

Your site is private. Can you setup password & share url again? We can check easier