Во-первых, у ваших .image-wrap div есть атрибут встроенного стиля, устанавливающий ширину 300 пикселей.Если вы удалите это, изображения будут масштабироваться до размеров устройства.
Чтобы столбцы не исчезали с экрана, когда они становятся маленькими, их можно обернуть, чтобы они стали строками.В настоящее время ширина элементов .featured-wrap составляет 33% (через body #wrapper #featured .featured-wrap) и 100% (в .featured-wrap).Я бы предложил использовать свойство display: flex; flex-wrap: wrap; в родительском элементе (#featured), задав элементу .featured-wrap абсолютное значение (скажем, 300px, обязательно удалите эти другие свойства ширины).
Вот еще немного информации о режиме гибкого дисплея: https://css -tricks.com / snippets / css / a-guide-to-flexbox / Я считаю его очень полезным.