Create an Image-with-Text Overlay Hero

Add a full-width hero section to my homepage using [IMAGE_URL] as the background image. Overlay the heading [HEADLINE_TEXT] centered on the image in [TEXT_COLOR] color at [HEADING_SIZE] pixels. Add a subheadline [SUBHEADLINE_TEXT] below it. Place a CTA button labeled [CTA_TEXT] linking to [CTA_URL] underneath the text. Apply a [OVERLAY_COLOR] color overlay at [OVERLAY_OPACITY] percent opacity to ensure text readability. Set the section height to [HEIGHT] pixels on desktop. The background image should use cover sizing and center positioning. On mobile, maintain readability by adjusting text size down proportionally.