Displaying a wave pattern without using another div was a bit tricky. Used a before pseudo-element for displaying the wave pattern. Initially used the content property but that did not give much control over the size and locaition of the image. So used the background-image property on the before pseudo-element instead.
I'm no expert and especially not at using Tailwind, but as far as I can see, the background issue could be fixed much more easily. This was my solution for the matter:
body {
background: url('images/pattern-background-desktop.svg') #e0e8ff;
background-repeat: repeat-x;
background-position-x: 50%;
}
If I'm overstepping, please let me know. Not sure how experienced you are with CSS, but to me Tailwind still seems intimidating, so good for you :)