Проблема:
Можно сверстать через псевдоклассы, но у основного блока есть фон. Пробовал через SVG pattern:
xlink:href="image", url(#image.jpg) и т.д. Но очень плохо с ними знаком, точнее вообще не знаком. Размеры не хотят слушаться :(
Сама SVG
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="250px" height="270px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M-0.000,-0.001 L179.158,-0.001 L250.000,269.999 L-0.000,269.999 L-0.000,-0.001 Z"/>
</svg>
В идеале, вопрос как в него (SVG-элемент) запихнуть картинку, которую в дальнейшем можно будет "циклить". Которую можно будет позиционировать и изменять размер внутри этой SVG'шки.
Спасибо