Добавьте display: block; для img
Это такое поведение тега img, он по умолчанию строчный элемент и выравнивается по базовой линии текста, поэтому появляется такой отступ. Это так сказать зарезервированное место для "хвостиков" у букв.
Как понять, что будет? Как сверстаешь так и будет.
1. Можно ужимать, чтобы 3й блок не сползал. Тут от контента в этих блоках зависит.
2. Растягивать на всю ширину. Тоже от контента зависит
3. Скрывать лишний
4. Ничего не делать.