.equal-height-container {
  display: flex;
  flex-wrap: wrap; /* Allows cards to wrap to the next line on smaller screens */
  align-items: stretch; /* Ensures items stretch to fill the container's height */
}

.equal-height-card {
  display: flex; /* Make each card container a flex item as well */
}

.equal-height-card .w3-card {
  flex: 1; /* Makes the card fill the available height within its container */
}