:root{
    --very-small-text-size-factor: calc(25 / 55);
    --very-small-text-size: calc(var(--text-size-number) * var(--very-small-text-size-factor) * 1px);
    --very-small-text-size: max(12px, calc(var(--text-size-number) * var(--very-small-text-size-factor) * 1px));
}

.image{
    width: 100%;
    aspect-ratio: 16/9; 
    max-height: 900px;
}

.image.cover{
    object-fit: cover;
}

.image.contain{
    object-fit: contain;
}

.image.center{
    object-position: center;
}

.image.left{
    object-position: left;
}

.image.right{
    object-position: right;
}

.image.top{
    object-position: top;
}

.image.bottom{
    object-position: bottom;
}

.image.top-left{
    object-position: left top;
}

.image.bottom-left{
    object-position: left bottom;
}

.image.top-right{
    object-position: right top;
}

.image.bottom-right{
    object-position: right bottom;
}

.image.top-center{
    object-position: center top;
}

.image.bottom-center{
    object-position: center bottom;
}

.image-description{
    margin-top: calc(var(--gap) / 2);
    font-size: var(--very-small-text-size);
    font-weight: 400;
    width: 920px;
    max-width: 100%;
    margin-bottom: 0;
    line-height: 1.1;
}