## Notes
Hannah asked "can you make the background and the [...] cuter?"
I'm trying to find images that look like an image border, but everything is paywalled.
[RoughJS](https://roughjs.com/) looks like a valid option though.
## RoughJS
```bash
bun add roughjs
```
I'm having an issue getting an SVG to render in the [[Nuxt.js|Nuxt]] app.
I finally got it to work by using [ClientOnly - Nuxt](https://nuxt.com/docs/api/components/client-only) because those graphics are only rendered client-side.
## Overlapping Canvas and Image
Image dimensions are:
- 300 x 420px
So let's put a 10px border on it, which means the canvas needs to be
- 320 x 440
The canvas also needs to change size depending on the viewport size.
I got that to work, but now I'm confused about the overall design of the landing page.
## Redesign Brainstorm
For some reason I think Hannah's business-y photo should be somewhere else. I also saw an example of a business photo with a nice background of the outdoors. Maybe I can make transparent the background of Hannah's photo
### Transparent Background