.collection-image-with-title {
    position: relative;

    .collection-content {
        --padding-top: var(--PT);
        --padding-bottom: var(--PB);

        z-index: 2;
        align-items: start;
        gap: 0.5rem;
    }

    .collection__image {
        border-bottom-left-radius: var(--base-radius);
        border-bottom-right-radius: var(--base-radius);
        overflow: hidden;
    }

    .collection-content__breadcrumbs {
        --COLOR-TITLE: var(--link);
        display: inline-flex;
        padding: 0.5rem 1rem;
        border-radius: var(--large-radius);
        background-color: var(--bg-accent);
        margin: 0 0 auto;
    }
    .collection-content__title {
        margin-block: 0 0.25rem;
    }

    .collection-content__subtitle {
        margin-top: 3rem;
    }

    &:not(:has(.collection-content__subtitle)) .collection-content__title {
        margin-top: 3rem;
    }
}