Rotated div (banner) doesn't fill the edges

HI everyone !

On my home page I’m creating this banner that I want it to be slightly rotated (to rotate it I used the property 2D transform) but on the sides it doesn’t fill correctly the edges. You can see that on the images below. How do you think I could solve this problem ?

Capture d'écran 2024-01-19 113508


Here is my site Read-Only: [[Webflow - Stefano Fresch | Web Designer et Webflow Expert Freelance)]
([how to share your site Read-Only link])

Make the banner’s width 110%. Wrap it in a parent div set to flex centered and overflow none.