Вариант 1. Правильный.
Выбросить эту вёрстку и сделать по новой, прочитав перед этим про flex-box. Но, сдаётся мне, что это в каких-то целях обучения делается, поэтому…
Вариант 2. С учётом имеющего кода.
Либо: задать фиксированную ширину для
.child
, и использовать совет выше, применив к блоку с картинкой
float: left
Либо: все таки почитать про флексы (хотя бы
тут) и сделать
parent
флекс-боксом.