My friend made a logo for me. But between us we cannot figure out some problems.

The text is blurry. Where the different coloured squares meet is blurry (might not be correct term, possibly "clashing"?). We've tried changing the format between jpeg and png.

When she sent the file it looked fine. But when uploaded to my Wordpress site, something happens, I don't know what. Maybe it's the white background. Here is the image:

![Patchwood Logo](https://i.stack.imgur.com/XE2D3.gif)

1. What can we do, if anything, to make the text clearer?
2. The lines where the 4 squares meet seems to blur when focussing on them for more than a second. I'm not sure what the term for that is but something is happening. Is there a way around this while keeping this color scheme?