This basic design layout was created with ChatGPT with this prompt:

Write the HTML and CSS for this scenario:

1. A DIV in each corner of the screen. Ensure they do not stretch any more than 33% of the screen width. No margin, 1em padding. Each has a background that covers the space, and the background is 23% translucent. Place two paragraphs of Lorem Ipsum into them. CSS enables font-size to resize according to browser size.

2. A DIV in centre of browser screen that is no more than 50% of the width of any size screen. It also needs to float in the middle both vertically and horizontally. Give it a Z-index of -1000 so it sits BEHIND the other four DIVs.