Как сделать рамку из изображений вокруг центрального элемента (bootstrap 4)?

Вот небольшой набросок, нужно чтобы картинки меньшим размером продолжали рамку вокруг плеера.
https://jsfiddle.net/aq9Laaew/93355/

Т.е. вот так:


Еще желательно выравнивание по центру в нижнем ряду, если картинок не будет хватать:


Ну и чтобы масштабировалось все как в примере.