Jump in Illustrator and make an image. Set it as background an image and position it absolute.
You can also take a div, give it a background color position it absolut and transform it (rotate and "squeeze" it also with rotate). The image approach is better IMHO.
For the overlapping text, you also have multiple approaches to choose from. You can do it with negative margin, absolute positioning, ...
I'd recommend taking a deep dive.
And I'd recommend negative margins in your case.
Can you share an image of the next breakpoints as well? iPad and Phone? That way I could be more precise with my recommendations.