.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 250px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.5rem;
    --bs-tooltip-margin: 0.0rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: #000000;
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 1;
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity);
}

.img-tooltip {
    max-height: 310px; 
    max-width: 310px;
    object-fit: scale-down;
}