.member-tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.member-tile {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
  min-width: 250px;
}
.member-photo {
  width: auto;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.member-info {
  background-color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.member-description {
  max-height: 200px;
  overflow-y: auto;
}

/* Style for the scrollbar - hidden by default */
.scrollable-div::-webkit-scrollbar {
  width: 5px; /* Set the scrollbar width */
  opacity: 0; /* Make the scrollbar invisible initially */
  transition: opacity 0.3s ease-in-out; /* Add easing animation */
}

/* Style for the scrollbar thumb (the draggable part) */
.scrollable-div::-webkit-scrollbar-thumb {
  background: lightgray;
}

/* Reveal the scrollbar on hover */
.scrollable-div:hover::-webkit-scrollbar {
  opacity: 1;  /* Make the scrollbar visible */
}