.hero-img {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(rgb(255 255 255 / 1), rgb(255 255 255 / 0.5)), url("../images/postres.avif");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.img-cover {
  object-fit: cover;
  aspect-ratio: 3/2;
}

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