Изображения вставлены через атрибут тега style="background-image: url()". Почему?

можно использовать object-fit и этот скрипт https://github.com/bfred-it/object-fit-images

Это реализовано для того, чтобы была возможность добавлять другие элементы внутри <div> поверх картинки в случае необходимости. Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения, как при использовании <img>. Ну и немного сократится количество прописанных классов в CSS.