.project-thumb {
  width: 100%;
  overflow: hidden;
  background: var(--bs-tertiary-bg);
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;

  height: clamp(120px, 22vw, 180px);
}

.project-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}