.ui-image-container {
    --ui-image-flex: none;
    --ui-image-width: auto;
    --ui-image-height: auto;
    --ui-image-aspect-ratio: auto;
    --ui-image-border-radius: 12px;
    --ui-image-box-shadow-color: var(--color-da-purple);
    --ui-image-background-color: var(--color-btm-dark-grey);
    --ui-image-object-fit: cover;
    --ui-image-object-position: center;

    position: relative;
    width: var(--ui-image-width);
    height: var(--ui-image-height);
    flex: var(--ui-image-flex);
    aspect-ratio: var(--ui-image-aspect-ratio);
    border-radius: var(--ui-image-border-radius);
    background-color: var(--ui-image-background-color);
    box-shadow: 0 0 0 1px var(--ui-image-box-shadow-color);

    img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: var(--ui-image-object-fit);
        object-position: var(--ui-image-object-position);
        border-radius: var(--ui-image-border-radius);
    }
}