.row.profile-body {
    display: flex;
  }

  .left-wrapper,
  .middle-wrapper,
  .right-wrapper {
    display: flex;
    flex-direction: column;
  }

  .left-wrapper,
  .right-wrapper {
    flex-basis: 0;
    flex-grow: 1;
  }

  .middle-wrapper {
    flex-grow: 2;
  }

  .left-wrapper > *,
  .middle-wrapper > *,
  .right-wrapper > * {
    flex: 1;
  }

  .right-wrapper {
    align-items: flex-start; /* Added */
  }

  /* Optional: Add desired spacing or styling for the wrappers */
  .left-wrapper {
    margin-right: 10px;
  }

  .middle-wrapper {
    margin: 0 10px;
  }

  .right-wrapper {
    margin-left: 10px;
  }