Product page - Image with text banner, how to add custom CSS code

Topic summary

Goal: Make an “image-with-text” banner on a Dawn product page appear to pop out beyond its section (image overlapping the section above).

What was tried: Resizing the image didn’t achieve the overlap effect. Custom CSS was added (position: relative/absolute, overflow: visible, z-index) targeting .image-with-text and a specific section ID (image_with_text_87axeJ). Template custom_css arrays were also used to inject styles for both the image-with-text section and the rich-text section above.

Issue: Despite absolute positioning and z-index, the image does not appear above the preceding section. The user is unsure about correct selectors/structure and why overflow/z-index aren’t taking effect. A screenshot link and code snippets are central to understanding the problem.

Latest update: The helper asked to undo recent changes and requested collaborator access to review the store. The user provided the collaborator code (1194) and admin/theme editor links.

Status: Unresolved/ongoing. Next step is for the helper to access the store and diagnose section structure, container overflow, and correct selectors to enable the overlap effect.

Summarized with AI on December 23. AI used: gpt-5.

Please undo the changes you made. and share the store link and code for collaborate access