/*
 * Fotos das listagens: o tema fixa largura/altura (min-height, max-height, 70x50...)
 * e a foto era esticada para caber. Com object-fit ela preenche a área e o excesso
 * é cortado na exibição, sem deformar. O enquadramento fica um pouco acima do
 * centro para não cortar a cabeça nas fotos de pessoas.
 */
.ts-post-thumb img,
img.sidebar-img,
.post-content.media > a > img,
.post-list-box .post-content img,
.post-navigation img {
    object-fit: cover;
    object-position: center 25%;
}

/*
 * Listas com foto ao lado do texto (.media). O tema foi feito para o Bootstrap 4,
 * que tinha esse componente; o Bootstrap 5 o removeu e a foto passou a ficar
 * acima do texto.
 */
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
    min-width: 0;
}
.media > a {
    flex-shrink: 0;
}