Цитаты в сетке имеют развёрнутые изображения аватаров

У меня есть два цитаты с вертикальными фотографиями, которые идеально подошли бы для отображения рядом. (Это сравнение «до/после».) Но когда я оборачиваю их в теги [grid], изображение аватара пользователя становится огромным.

Кажется, это можно исправить, изменив следующее правило CSS, исключив изображения с классом avatar из этого правила:

.d-image-grid:not([data-disabled]) .d-image-grid-column img, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper, .d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper > .lightbox {
  width: 100%;
}

Хм… [grid] изначально не предназначался для использования с чем-либо, кроме изображений или видео. Круто, что он почти работает с цитатами, но мы не планируем поддерживать такой сценарий. Подозреваю, что цитаты, расположенные рядом, могут выглядеть не очень хорошо в окнах меньшего размера?

1 лайк