.vertical-card {
  container: vertical-card / inline-size;
}

.vertical-card__inner {
  display: grid;
  grid-template-areas:
    "info picture"
    "stickers stickers";
  gap: clamp(24px, 3vw, 32px);
  padding: clamp(24px, 3vw, 32px) clamp(16px, 3vw, 32px);
}

.vertical-card__info {
  grid-area: info;
}

.vertical-card__image {
  grid-area: picture;
  position: relative;
  aspect-ratio: 1.581;
  overflow: hidden;
  max-width: 272px;
}

@container vertical-card (width < 400px) {
  .vertical-card__inner {
    grid-template-areas:
      "picture"
      "info"
      "stickers";
  }

  .vertical-card__image {
    max-width: 100%;
  }
}

.vertical-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vertical-card__stickers {
  grid-area: stickers;
}