Максим

https://grid.layoutit.com/

откройте их все в редакторе svg и сохраните в png

Так наверно

column-count вот пример https://ru.stackoverflow.com/a/1315315/308951

у img нету такого поведения
но можно обернуть тег img в div и потом уже пользоваться after / before

innerHTML = перезатирает всё что внутри и потому надо иметь две разные сущности куда выводит текст из первого value и другая сущность для вывода второго value

https://codepen.io/topicstarter/pen/BaRxqXR - дальше сами докручивайте

https://codepen.io/topicstarter/pen/poPdzPX - как всегда slick-carousel это умеет