I want to make it so that my users can design only within the mousepad as part of this image?

I have tried using a mask svg and it actually removed everything outside, same with bounding box.

How can I make it so that the background remains but the design can only be within the mouse mat part?

You can try making the mousepad area transparent (.PNG), it will allow customization only to this dedicated area, and the background will remain the same.