По подсказке пользователя pselfin -в библиотеке photoswipe в файл стилей photoswipe.css добавил такие строки. По сути определил класс .photoswipe-gallery и все заработало.

Не настолько знаю CSS - чтобы сделать грид, думаю display:grid; будет маловато. я точно не смогу. И потом не представляю как привязать это к полю.
Что касается отображения - то да все картинки открываются в Photoswipe, в модальное окно, там можно листать стрелки влево-вправо, мышью , зум работает. Photoswipe - отличная галерея.

Может эта статья на Drupal.org придаст нам вдохновение. Сижу вникаю где же лежит этот самый нужный мне field.html.twig

Я тоже все больше склоняюсь к тому же - что не хватает какого то файла-css.
Класс .photoswipe-gallery ни где явно не определяется. Если скрипт photoswipe.init.js видит этот класс где-то в сгенерированном коде страницы, то он делает какие то действия -добавляя какие то классы в атрибуты контейнера.
Понимаю, что решение не очень но может есть какая то возможность вручную прикрутить стили определенные в media_gallery.css чтобы попробовать?

Агрегация отключена. В HTML-коде страницы материала и при отображении Media Gallery вызываются одни и те же библиотеки (шесть штук) в одинаковой последовательности