.collection-card {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.collection-card__image {
  overflow: hidden;
}
.collection-card__image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.collection-card:hover .collection-card__image img {
  transform: scale(1.05);
}

@media only screen and (min-width: 1200px) {
  .collection-card__image--portrait img {
    aspect-ratio: 4/5;
  }
}

.collection-card__content > * + * {
  margin-top: 12px;
}
.collection-card__content .mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .collection-card__content .desktop {
    display: none;
  }
  .collection-card__content .mobile {
    display: block;
  }
}

.collection-card__link {
  display: block;
}