.overview-collections {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: var(--default-space-between);
}

.collection-item-image {
    height: 100px;
    margin-bottom: 10px;
}
.collection-item-image img {
    max-height: 100%;
}
.collection-item-body {
    margin-top: auto;
    /* align bottom */
}
.collection-item-body .collection-item-title {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* extra small */
@media (max-width:575.98px) {
    .overview-collections {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

@container style(--full-bleed-images: 1) {
    .collection-item-image:has(img) {
        flex-grow: 1;
        height: auto;
        margin-top: calc(-1 * var(--default-space-between));
        margin-left: calc(-1 * var(--default-space-between));
        margin-right: calc(-1 * var(--default-space-between));
        margin-bottom: var(--default-space-between);
    }

    .collection-item-image img {
        max-height: none;
        border-top-left-radius: var(--default-border-radius);
        border-top-right-radius: var(--default-border-radius);
    }
}