responsywność background-image

Mam cztery divy z background-image obok siebie (bez odstępu) i chcę zrobić to responsywnie. Tylko problem w tym, że jeden obrazek ma width 400px i nie chcę go bardziej rozciągać żeby to ładnie wyglądało. Więc width:25%; odpada bo na dużych ekranach będzie źle wyglądało, ustawiłem na sztywno width, ale nie ma responsywności. Ma ktoś jakiś pomysł jak to można zrobić?

Kurde, że ja na to nie wpadłem. Dzięki w połączeniu z min-width fajnie divy chowają się w kolumnę. Tylko nie mogę sobie jeszcze poradzić z height, nie zmniejsza mi się wraz ze zmniejszaniem okna. Da się to wykonać dla background-image?

height: auto;

Działało, tylko miałem size ustawiony na cover i nie było to widoczne. hehe
A ma ktoś pomysł jak mając background-position: contain zrobić overlay. Ucina obrazek i przez overlay jest dłuższy od obrazka.