Что лучше использовать img или background?

Не важно, но например background не индексируется. соответственно минус трафик из картиночных сервисов поисковых систем.

Для SEO лучше img, либо если реализация через background проще то делайте, но и ниже делайте img просто Img скрывайте, поисковики все равно проиндексируют

В данном случае очевидно, что это не оформительские картинки, они являются контентом.
Значит нужно использовать тег img.
Для управления заполнением есть свойство object-fit.

Как вариант, можно совмещать два подхода.

<div style="background-image:url(image.jpg)"><img src="image.jpg"></div>

div {
  backgorund: no-repeat 50% 50%;
  background-size: cover;
}
div > img {
  opacity: 0;
}

Плюс такого подхода: и поисковая оптимизация, и поддержка background-size лучше, чем object-fit.