Для респонсив картинки проще сделать так
Задать контейнеру картинки max-width / создать контейнер если нету ну или использовать грид как ограничитель
у самого контейнера и картинки высота авто
img{
max-width: 100%;
height: auto;
}
ну уж если используешь флексбокс то используй как уних min-height: 100vh;
И кстать не пили все префиксы, поставь автопрефиксер с гулпом или грантом или в редакторе на сейв и будет тебе счастье)
И https://github.com/scottjehl/picturefill/
Для респонсив картинки проще сделать так
Задать контейнеру картинки max-width / создать контейнер если нету ну или использовать грид как ограничитель
у самого контейнера и картинки высота авто
img{
max-width: 100%;
height: auto;
}
или искать что-то в стиле image aspect ratio