Нет, обычно не нормально использовать CSS для всех ваших изображений.Изображение в этом случае представляет собой фрагмент данных, так же как заголовок и описание, и семантически должно использовать <img>.При слишком свободном определении вы можете считать все изображения необязательными и, следовательно, сделать <img> устаревшим.«Может не отображаться на всех экранах» - это , а не причина не использовать элемент <img>.
Один из способов взглянуть на это - CSS background-image - для того, чтобы сделать элементы красивее,Элемент все еще должен быть функциональным без background-image, но не таким красивым.Если элемент не виден, потому что у него нет изображения, он не является допустимым элементом.
Свойства отображения и позиционирования CSS предназначены для перемещения объектов и скрытия объектов для различных экранов.
Правильный способ сделать это - display: none;, при условии, что большинство браузеров не загружаютизображение .Если поддержка браузера слабая, прибегните к взлому, например background-image или даже к динамической загрузке с помощью Javascript.