<div class="background-wrap single-square" data-phase="1">  
    <?xml version="1.0" encoding="utf-8" standalone="no"?>
    <svg  version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">

        <defs>
            <pattern id="boxCombo" x="0" y="0" width="100" height="100"
            patternUnits="userSpaceOnUse">
                <rect x="32.3" y="57.3" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 32.3208 163.3887)" class="box1" width="35.4" height="35.4" />
                <rect x="57.3" y="32.3" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 92.6779 138.39)" class="box2" width="35.4" height="35.4" />
                <rect x="7.3" y="32.3" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 7.322 103.0315)" class="box3" width="35.4" height="35.4" />
                <rect x="32.3" y="7.3" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 67.6793 78.0327)" class="box4" width="35.4" height="35.4" />
            </pattern>
            <pattern id="squares"
            x="0" y="0" width="100" height="100"
            patternUnits="userSpaceOnUse" >
                <g class="group1" transform="translate(0 0)">
                    <rect x="0" y="0" width="100" height="100" style="fill: url(#boxCombo);" /> 
                </g>
                <g class="group2" transform="translate(50 -50)">
                    <rect x="0" y="0" width="100" height="100" style="fill: url(#boxCombo);" /> 
                </g>
                <g class="group3" transform="translate(50 50)">
                    <rect x="0" y="0" width="100" height="100" style="fill: url(#boxCombo);" /> 
                </g>
                <g class="group4" transform="translate(-50 -50)">
                    <rect x="0" y="0" width="100" height="100" style="fill: url(#boxCombo);" /> 
                </g>
                <g class="group5" transform="translate(-50 50)">
                    <rect x="0" y="0" width="100" height="100" style="fill: url(#boxCombo);" /> 
                </g>
            </pattern>
    
        </defs>

    <rect class="patternWrap" x="0" y="0" width="100%" height="100%" style="stroke: #000000; fill: url(#squares);" /> 
</svg>
</div>