<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<filter id="filter1" x="20%" y="20%" width="80%" height="80%">
    <feOffset/>
</filter>
<filter id="filter2" x="-20%" y="20%" width="100%" height="80%">
    <feOffset/>
</filter>
<filter id="filter3" x="20%" y="-20%" width="80%" height="100%">
    <feOffset/>
</filter>
<filter id="filter4" x="-20%" y="-20%" width="100%" height="100%">
    <feOffset/>
</filter>
<image id="img" xlink:href="../custom/resources/groupOpacityReference4.png" x="20" y="20" width="110" height="110"/>
</defs>
<use x="0" y="0" xlink:href="#img" filter="url(#filter1)"/>
<use x="130" y="0" xlink:href="#img" filter="url(#filter2)"/>
<use x="0" y="130" xlink:href="#img" filter="url(#filter3)"/>
<use x="130" y="130" xlink:href="#img" filter="url(#filter4)"/>
</svg>