Как убрать лишний нижний отступ у картинки

Внизу карточки заметна полоска, хотя margin у изображения равен нулю. Строчная картинка выравнивается по базовой линии текста: браузер оставляет место для нижних выносных элементов букв.

.card img { display: block; max-width: 100%; height: auto; }

Блочный режим убирает участие картинки в строке. Если изображение должно стоять рядом с текстом, сохраните строчное поведение и подберите vertical-align. Не обнуляйте font-size всей карточке: это затронет подписи. У SVG с пустым пространством внутри viewBox причина другая — проверьте сам файл.