.text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10; /* Number of lines before ellipsis */
  overflow: hidden;
  height: 300px;
  line-height: 1.5; /* Adjust based on your line height */
  max-height: calc(1.5em * 10); /* Line height times number of lines */
  text-overflow: ellipsis;
}