How to properly setup svg and image scale?

There is a svg with rect filled by pattern with an image inside. What should I do to cut an image for 5-10 px from all sides of it?

This is what I need:

Now what I have:

<pattern id="pattern" width="100%" height="100%">
        <image :href="layoutImage.source" :width="layoutWidth" :height="layoutHeight"></image>
</pattern>

<rect :width="layoutWidth" :height="layoutHeight" fill="url(#pattern)"></rect>