.block-image {
    display: flex;
    width:100%;
    flex-direction: column;
    max-width: 100%;
    border-radius: var(--s1-5);
    overflow: hidden;
}
.block-image picture {
    display: flex;
    flex-direction: column;
}
.block-image picture,
.block-image img {
    max-width: 100%;
}

.full-width-plan {
    position: relative;
    margin-top: calc(var(--block-padding-y) * -1);
    margin-bottom: -35%;
    width: clamp(600px, calc(((1920 * 1.1) / var(--maxWidth)) * 100vw), calc(1920px * 1.1));
    max-width: calc(1920px * 1.1);
    min-width: 600px;
    mask: linear-gradient(to top, transparent 0%, black 90%, black 100%);
}
.full-width-plan img {
    mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.block-image.fit-16-9 {
    object-fit: cover;
    aspect-ratio: 16/9;
}
.block-image.fit-1-1 {
    object-fit: cover;
    aspect-ratio: 1/1;
}
.block-image[class*=fit-] picture, 
.block-image[class*=fit-] img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.block-image.inline {
    position: relative;
    width:100%;
    border-radius: var(--s1-5);
    border: 0.5px solid var(--light-grey);
    overflow: hidden;
    background:var(--white);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
@media(max-width:768px){
    .block-image.fit-16-9-below-768 {
        aspect-ratio: 16/9;
    }
}