Ваш действующий CSS не включает свойство repeat-y, указанное в вставленном коде.
Кроме того, ваш файл изображения очень большой. Поскольку изображение должно быть мозаичным, высота изображения должна быть высотой одного элемента мозаичного изображения.
Вам также следует разбить изображение на две части и установить их в качестве фона для двух разных элементов. Черепица текущего изображения будет включать в себя верхнюю часть рамки с углами, а это не то, что вам нужно. Установите изображение только для углов в качестве фона для одного элемента, затем добавьте изображение мозаики для другого элемента с помощью repeat-y.