How to build a complex layout in Webflow?

I’ve designed a layout that has a couple of items that overlap each other:

What would be the best way to implement that in Webflow? My approach was to create grid container with 80 px on the left and right and set a max-width on it. Then I set blue div to position relative, and placed it on gird and set negative margins to cover white space on right and top. Below I’ve attached link to webflow site.

Do you guys think that this is the most optimal way to do that? Any other propositions?

Here is my site Read-Only: Webflow - Piotr's Dapper Site