.bb-img {
    position: relative;

    > img {
        width: 100%;
        height: 100%;
    }

    &.bb-img.is-preview {
        > img {
            cursor: pointer;
        }
    }
}

.bb-img-holder {
    background-color: var(--bs-body-bg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.bb-img-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.bb-img-error .bb-img-loading {
    font-size: 2em;
}

.obj-fit-fill {
    object-fit: fill;
}

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

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

.obj-fit-none {
    object-fit: none;
}

.obj-fit-scale-down {
    object-fit: scale-down;
}
