How do I correctly use background images and overlays?

Images as backgrounds can create a strong emotional impact but often make text harder to read. The AI Web Studio offers an integrated solution for this.

Select a section and click 'Background' in the block settings. Upload your photo and choose the focal point. To increase contrast with the text, use the 'Overlay'.

Choose a dark or light color as an overlay and adjust the Opacity. An overlay of about 30-50% usually ensures that the image is still recognizable while the text on top remains perfectly readable. This is a crucial factor for your website's accessibility.