[data-card-action="expanded"] {
  .team-showcase-member {

    .panel-expanded {
      transition: opacity 0.2s ease-in-out; //transition between showing and hiding the panel
      width: 100%;
      position: relative;
      max-height: 0;
      min-height: 0;
      overflow: hidden;
      margin-top: 0;
      opacity: 0; //panel hidden
    }

    &.active {

      .panel-expanded { //show the opened panel
        max-height: 1200px;
        min-height: 200px;
        overflow: auto;
        opacity: 1; //panel visible
        transition: opacity 0.2s ease-in-out .2s; //transition between showing and hiding the panel
        padding: 32px 0;
      }
    }
  }
}