Как отключить обрезку для избранного изображения на главной странице

Question

Я создаю веб-сайт, используя WordPress, и тема «Бесконечная фотография».
Моя проблема: на главной странице вы видите избранные изображения всех сообщений: www.konradfoerster.de / wordpress

Когда я изменю размер окна браузера, изображения будут обрезаны с середины. Я не хочу этого.
Однако, когда вы нажимаете на изображение и открываете один пост, а затем изменяете размер экрана, изображение масштабируется, но не обрезается. Я хочу, чтобы такое поведение также и для домашней страницы!
Мне нужно поведение, как здесь: https://demo.kaliumtheme.com/photography/. Здесь, когда вы уменьшаете окно браузера, изображения будут просто масштабироваться, а не обрезаться.
Как я могу это сделать? Я много гуглил, но ничего не смог найти. Например, я попробовал это, но это не сработало. отключить обрезку избранного изображения в WordPress

Буду признателен за любые советы.
Изменить: вот скриншот инспектора документов. Я думаю, что стили, которые применяются для каждого изображения, находятся в классе .acme-col-3. инспектор скриншотов документов

Answer 1

.masonry-item.post-item {
    ...
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size