Абсолютная середина в bootstrap карточке

Question

Я пытаюсь сделать карту bootstrap с lo go в абсолютной середине, но lo go фиксируется вверху?!? Как я могу выполнить sh это?

<div class="col-xl-3 col-md-6">
    <div class="card mini-stat">
        <div class="card-body text-center" style="height:10em">
          <img src="public/assets/images/entrylogos/chromebook.png" class="card-img-top">
        </div>
    </div>
</div>

Класс CSS:

.card-img-top {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

Надеемся на помощь и заранее благодарим: -)

Answer 1

Надеюсь, это сработает с вами, мне просто нужно уменьшить ширину картинки, если вы заметите, что я уменьшил ее до 50%, и она волшебным образом сработала из-за того, что я использовал go, но Я думаю, что вы должны выбрать свою ширину и рост, просто используйте то, что подходит вашему lo go.

.card-img-top { 
                max-width: 50%;
                max-height: 50%;
                object-fit: contain;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }