[variant="carousel-feed-lightbox"][hidden] {
  display: none;
}
[variant="carousel-feed-lightbox"] {
  container-type: inline-size;
  width: 100%;
  display: block;
}

[variant="carousel-feed-lightbox"],
[variant="carousel-feed-lightbox"]::part(template) {
  --card-aspect-ratio: 9 / 16;
  --max-cards: 10;
  /* this can be set to "initial" if you want to configure --cards instead */
  --column-width: auto;
  height: 215px;
  display: block;
}

@media (min-width: 768px) {
  [variant="carousel-feed-lightbox"],
  [variant="carousel-feed-lightbox"]::part(template) {
    height: 280px;
  }
}